@font-face {
    font-family: "HK Grotesk";
    src: url("../assets/font/HKGrotesk-Light.woff") format("woff");
    font-weight: 300;
}

@font-face {
    font-family: "HK Grotesk";
    src: url("../assets/font/HKGrotesk-Regular.woff") format("woff");
    font-weight: 400;
}

@font-face {
    font-family: "HK Grotesk";
    src: url("../assets/font/HKGrotesk-Medium.woff") format("woff");
    font-weight: 500;
}

@font-face {
    font-family: "HK Grotesk";
    src: url("../assets/font/HKGrotesk-SemiBold.woff") format("woff");
    font-weight: 600;
}

@font-face {
    font-family: "HK Grotesk";
    src: url("../assets/font/HKGrotesk-Bold.woff") format("woff");
    font-weight: 700;
}

:root {
    --screenWidth: 1440;
    --screenHeight: 796;
    --mobileScreenWidth: 375;
    --mobileScreenHeight: 667;
    --headingFontSize: calc(100vh * (40 / var(--screenHeight)));
    --headingLineHeight: calc(100vh * (48 / var(--screenHeight)));
    --bodyContentLargeFontSize: calc(100vh * (18 / var(--screenHeight)));
    --bodyContentLargeLineHeight: calc(100vh * (28 / var(--screenHeight)));
}

html,
body {
    font-family: "Open Sans";
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #197eeb;
}

    a:hover {
        text-decoration: none;
        color: #000000;
    }

main {
    position: relative;
}

.display_none {
    display: none !important;
}

/* 
* <------------ LANDING ------------>
*/

.landing_main {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding-left: 2vw;
}

.landing_main_row {
    height: max-content;
    padding: 4vh 0px;
    display: flex;
    justify-content: center;
}

.landing_main_content {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.landing_main_content_heading {
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    font-size: calc(100vh * (48 / var(--screenHeight)));
    line-height: calc(100vh * (54 / var(--screenHeight)));
    letter-spacing: 0em;
    text-align: left;
    color: #1a1a1a;
    width: auto;
    margin-top: calc(100vh * (48 / var(--screenHeight)));
    span{
        color: #197EEB;
    }
}

.landing_main_content_description {
    display: flex;
    font-weight: 400;
    font-size: calc(100vh * (24 / var(--screenHeight)));
    line-height: calc(100vh * (32 / var(--screenHeight)));
    letter-spacing: 0em;
    text-align: left;
    color: #666666;
    margin-top: calc(100vh * (20 / var(--screenHeight)));
}

.landing_main_content_email {
    position: relative;
    display: flex;
    width: 100%;
    height: max-content;
    border-radius: 1000px;
    padding-left: calc(100vw * (30 / var(--screenWidth)));
    background-color: #ffffff;
    box-shadow: 0px calc(100vh * (4 / var(--screenHeight))) calc(100vh * (12 / var(--screenHeight))) rgba(0, 0, 0, 0.08);
    margin-top: calc(100vh * (48 / var(--screenHeight)));
    justify-content: space-between;
}
.landing_main_content_email form {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative;
}

.landing_main_content_email_input {
    display: flex;
    color: #1a1a1a;
    border: none;
    outline: none;
    width: 55%;
    font-size: calc(100vh * (20 / var(--screenHeight)));
    line-height: calc(100vh * (24 / var(--screenHeight)));
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
}

    .landing_main_content_email_input::placeholder {
        color: #cacaca;
    }

    .landing_main_content_email_input:-webkit-autofill,
    .landing_main_content_email_input:-webkit-autofill:hover,
    .landing_main_content_email_input:-webkit-autofill:focus,
    .landing_main_content_email_input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
        box-shadow: 0 0 0 30px white inset !important;
    }
.landing_main_content_email form button,
.landing_main_content_email form button:active,
.landing_main_content_email form button:focus {
    border: none;
    outline: none;
}
.landing_main_content_email_button {
    display: flex;
    width: max-content;
    height: max-content;
    padding: calc(100vh * (16 / var(--screenHeight))) calc(100vh * (20 / var(--screenHeight)));
    background-color: #197eeb;
    border-radius: 100px;
    color: #ffffff;
    font-weight: 500;
    font-size: calc(100vh * (20 / var(--screenHeight)));
    line-height: calc(100vh * (24 / var(--screenHeight)));
    letter-spacing: 0em;
    text-align: left;
    cursor: pointer;
}

    .landing_main_content_email_button:hover {
        background-color: #197febef;
    }

.landing_main_content_download {
    display: flex;
    width: max-content;
    height: max-content;
    margin-top: calc(100vh * (50 / var(--screenHeight)));
}

.landing_main_content_download_img_container {
    display: flex;
    width: max-content;
    height: max-content;
    padding: calc(100vh * (8 / var(--screenHeight))) calc(100vh * (12 / var(--screenHeight)));
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: calc(100vh * (6 / var(--screenHeight)));
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .landing_main_content_download_img_container:first-child {
        margin-right: calc(100vw * (24 / var(--screenWidth)));
    }

.landing_main_content_download_img {
    display: flex;
    height: 4vh;
    width: auto;
}

.landing_main_content_founder {
    display: flex;
    width: 100%;
    height: max-content;
    justify-content: flex-end;
    align-items: center;
    margin-top: calc(30vh * (50 / var(--screenHeight)));
}

.landing_main_content_founder_title {
    display: flex;
    font-weight: 500;
    font-size: calc(100vh * (16 / var(--screenHeight)));
    line-height: calc(100vh * (22 / var(--screenHeight)));
    letter-spacing: 0em;
    text-align: left;
    color: #aaaaaa;
    margin-right: calc(100vw * (20 / var(--screenWidth)));
}

.landing_main_content_founder_logo {
    display: flex;
    height: 5.4vh;
    width: auto;
    opacity: 1;
    margin-right: calc(100vw * (14 / var(--screenWidth)));
    cursor: pointer;
}

.landing_main_content_founder_logo_apmex{
    height: 1.36vh;
    margin-bottom: 12px;
}

.landing_main_content_founder_logo_ga{
    height: 2.6vh;
}


.landing_main_content_founder_divider {
    display: flex;
    height: calc(5.4vh + 16px);
    margin-right: calc(100vw * (14 / var(--screenWidth)));
    width: 1px;
    background-color: #D1A14E;
}

.landing_main_right_content {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.landing_main_right_content_image {
    display: flex;
    width: 100%;
}

/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .landing_main_right_content_image {        
        height: 28vh;
    }
    .landing_main_content_download_img {
        height: 3vh;
    }
}

.landing_main_content_info_cta_container {
    display: flex;
    width: 100%;
    height: max-content;
    border-radius: 8px;
    overflow: hidden;
    justify-content: center;
}

    .landing_main_content_info_cta_container a {
        width: 100%;
    }

.landing_main_content_info_cta {
    display: flex;
    width: 100%;
    height: auto;
}

.landing_main_content_email_error_message {
    position: absolute;
    bottom: 0;
    left: 20;
    transform: translate(0%, 150%);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: tomato;
}


/* 
* <------------ HOME STATS ------------>
*/

.home_stats_container_fluid {
    background: linear-gradient( 90.91deg, #1a1a1a 16.61%, #282828 54.68%, #1a1a1a 95.21% );
    /* padding: clamp(180px, calc(100vh * (160 / var(--screenHeight))), 200px) 0px; */
    padding: calc(100vh * (70 / var(--screenHeight))) 0px;
}

.home_stats_container {
    display: flex;
    width: 100%;
    height: max-content;
    justify-content: space-between;
}

.home_stats_row{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-around;
    margin: 15px 0px;
}

.home_stats_content {
    display: flex;
    width: max-content;
    height: max-content;
    flex-direction: column;
    align-items: center;
}

.home_stats_content_value {
    display: flex;
    font-weight: 700;
    font-size: var(--headingFontSize);
    line-height: var(--headingLineHeight);
    letter-spacing: 0em;
    text-align: left;
    color: #ffffff;
}

    .home_stats_content_value span {
        color: #197eeb;
    }

.home_stats_content_title {
    display: flex;
    font-weight: 400;
    font-size: var(--bodyContentLargeFontSize);
    line-height: var(--bodyContentLargeLineHeight);
    letter-spacing: 0em;
    text-align: left;
    color: #aaaaaa;
    margin-top: 5px;
}

/* 
* <------------ HOME INFO CONTENT ------------>
*/

.home_info_content_container_fluid {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 40px;
    span{
        font-size: calc(100vh * (48 / var(--screenHeight)));
        font-weight: 400;
    }
}

.home_info_main {
    font-weight: 700;
    font-size: var(--headingFontSize);
    line-height: var(--headingLineHeight);
    letter-spacing: 0em;
    text-align: left;
    color: #101010;
    /* margin: clamp(40px, calc(100vh * (60 / var(--screenHeight))), 80px) 0px; */
    margin-top: calc(100vh * (60 / var(--screenHeight)));
    margin-bottom: calc(100vh * (20 / var(--screenHeight)));
    position: relative;
    width: 100%;
}

.home_info_main_span {
    color: #197eeb;
}

.home_info_main_action {
    display: flex;
    width: max-content;
    height: max-content;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    margin-top: calc(100vh * (20 / var(--screenHeight)));
}

.home_info_main_action_text {
    font-weight: 500;
    font-size: calc(100vh * (24 / var(--screenHeight)));
    line-height: calc(100vh * (29 / var(--screenHeight)));
    letter-spacing: 0em;
    text-align: left;
    color: #101010;
}

.home_info_main_action_button {
    display: flex;
    position: relative;
    width: calc(100vw * (52 / var(--screenWidth)));
    height: auto;
    margin-left: calc(100vw * (20 / var(--screenWidth)));
    cursor: pointer;
    user-select: none;
    display: none;
}

    .home_info_main_action_button rect {
        stroke: #e3e3e3;
    }

    .home_info_main_action_button path {
        fill: #e3e3e3;
    }

.home_info_main_action_button_active rect {
    stroke: none;
    fill: #197eeb;
}

.home_info_main_action_button_active path {
    fill: #ffffff;
}

/* 
* <------------ HOME DESCRIPTION CONTAINER ------------>
*/

.home_description_container_fluid {
    background-color: #f2f4f8;
    padding-bottom: calc(100vh * (60 / var(--screenHeight)));
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    width: 100vw;
    position: relative;
}

.home_description_left_arrow {
    display: flex;
    width: auto;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-58%);
    z-index: 10;
    opacity: 0.1;
    cursor: pointer;
}

.home_description_right_arrow {
    display: flex;
    width: auto;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-58%);
    z-index: 10;
    opacity: 0.1;
    cursor: pointer;
}

.home_description_arrow_active {
    opacity: 1;
}

.home_description_container_fluid_overflow {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

    .home_description_container_fluid_overflow::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

.home_description_container_fluid_overflow {
    display: flex;
    width: 40vh;
    height: max-content;
    overflow: scroll;
}

.home_description_container {
    display: flex;
    width: 40vh;
    height: 50vh;
    background-color: #ffffff;
    border-radius: calc(100vh * (24 / var(--screenHeight)));
    flex-direction: column;
    overflow: hidden;
    justify-content: space-between;
    transition: 0.2s all ease-in;
    border: 1px solid #f2f4f8;
    user-select: none;
}

    .home_description_container:hover {
        box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.04);
        transition: 0.2s all ease-in;
        border: 1px solid #eeeeee;
    }

.home_description_row {
    display: flex !important;
    width: max-content !important;
    flex-wrap: nowrap !important;
}

.home_description_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: max-content;
    padding: calc(100vh * (32 / var(--screenHeight)));
    padding-bottom: 0px;
}

.home_description_video {
    display: flex;
    width: 100%;
    height: max-content;
    margin-top: calc(100vh * (20 / var(--screenHeight)));
}

.home_description_title {
    display: flex;
    font-weight: 600;
    font-size: calc(100vh * (24 / var(--screenHeight)));
    line-height: calc(100vh * (29 / var(--screenHeight)));
    letter-spacing: 0em;
    text-align: left;
    color: #101010;
}

.home_description_description {
    display: flex;
    font-weight: 400;
    font-size: var(--bodyContentLargeFontSize);
    line-height: var(--bodyContentLargeLineHeight);
    letter-spacing: 0em;
    text-align: left;
    color: #aaaaaa;
    margin-top: calc(100vh * (6 / var(--screenHeight)));
}
.home_description_btn_container {
    display: flex;
    justify-content: center;
    padding-bottom: 60px;
    .get_started_btn{
        width: max-content;
        padding: 12px 48px;
        font-size: 18px;
        font-weight: 600;
        color: #ffffff;
        background-color: #197EEB;
        border-radius: 25px;
        text-align: center;
     }
}
/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .home_description_content {
        padding: 20px 20px;
    }
}
/*
 <------------ BEST EXPERIENCE ----------->
*/

.best_experience_container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #197EEB;
    padding: 40px 20px;
    .best_experience_heading{
        font-size: 36px;
        color: #ffffff;
        margin-right: 40px;
    }
}
/*
    <--------- MARKET PERSPECTIVES -------->
*/
.market_perspectives{
    padding: 8vh;
    background-color: #E1EDFF;
    .market_perspectives_title{
        font-size: calc(100vh * (48 / var(--screenHeight)));
        display: flex;
        justify-content: center;
        align-items: center;
        span{
            color: #197EEB;
        }
    }
    .market_perspectives_content_container{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 40px 0px;
        .market_perspectives_content{
            display: flex;
            flex-direction: column;
            width: 350px;
            align-items: start;
            justify-content: center;
            background-color: #FFFFFF;
            border-radius: 20px;
            padding: 20px;
            margin: 0px 25px;
            box-shadow: 0px 2px 8px 0px #0000001A;
            #market-image{
                height: 150px;
                border-radius: 20px;
                margin-bottom: 30px;
            }
            #market-category{
                background-color: #333333;
                padding: 3px 15px;
                border-radius: 15px;
                font-size: calc(100vh * (12 / var(--screenHeight)));
                font-weight: 700;
                margin-bottom: 20px;
                color: #FFFFFF;
            }
            #title{
                font-size: calc(100vh * (24 / var(--screenHeight)));
                font-weight: 600;
                margin-bottom: 20px;
            }
            #description{
                font-size: calc(100vh * (18 / var(--screenHeight)));
                font-weight: 400;
                margin-bottom: 20px;
                color: #666666;
            }
            #date{
                font-size: calc(100vh * (18 / var(--screenHeight)));
                font-weight: 600;
                color: #666666;
            }
        }
    }
.market_perspectives_btn_container {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 30px 0px 0px;
    .start_investing{
            background-color: #197EEB;
            padding: 12px 48px;
            color: #FFFFFF;
            font-weight: 600;
            font-size: calc(100vh * (18 / var(--screenHeight)));
            border-radius: 25px;
            min-width: 265px;
            text-align: center;
         }
    .more_podcasts{
            background-color: #FFFFFF;
            padding: 12px 48px;
            color: #197EEB;
            margin-left: 40px;
            border: 1px solid #197EEB;
            font-weight: 600;
            font-size: calc(100vh * (18 / var(--screenHeight)));
            border-radius: 25px;
            width: 265px;
            text-align: center;
         }

    }
}


/*iPad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation:portrait) {
    .market_perspectives {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        padding: 50px 30px;
        .market_perspectives_title{
            font-size: calc(100vh * (36 / var(--mobileScreenHeight)));
            text-align: center;
        }
        .market_perspectives_content_container{
            flex-direction: column;
            .market_perspectives_content{
                margin: 10px 0px;
                width: 100%;
                #market-image{
                    height: 100%;
                }
            }
        }
        .market_perspectives_btn_container{
            flex-direction: row;
            margin-top: 10px;
            padding: 0px;
            align-items: center;
            .start_investing, .more_podcasts{
                 margin: 10px;
                 font-size: 18px;
            }
            .more_podcasts{
                margin-left: 20px;
            }
        }
    }
}
    /*
    <--------- GET MORE ------------------->
*/

    .get_more_container_fluid {
        padding: 50px 10vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .get_more_container_heading{
        font-size: calc(100vh * (48 / var(--screenHeight)));
        margin-bottom: 40px;
        span{
            color: #197EEB;
        }
    }
.get_more_content_btn_container {
    display: flex;
    align-items: center;
    justify-content: center;
    .start_investing{
        background-color: #197EEB;
        border-radius: 25px;
        padding: calc(100vh * (12 / var(--screenHeight))) calc(100vh * (48 / var(--screenHeight)));
        color: #FFFFFF;
        margin-top: calc(100vh * (40 / var(--screenHeight)));
        font-weight: 600;
    }
}
    .get_more_content_container{
        display: flex;
        flex-direction: column;
        width: 100%;
        .get_more_content_row{
            display: flex;
            flex-direction: row;
        }
        .get_more_content{
            width: 100%;
            display: flex;
            flex-direction: row;
            border: 1px solid #AAAAAA;
            border-radius: 20px;
            padding: calc(100vh * (20 / var(--screenHeight)));
            margin: calc(100vh * (20 / var(--screenHeight)));
            #title{
                display: flex;
                flex-direction: column;
                align-items: center;
                margin: auto;
                justify-content: center;
                font-size: calc(100vh * (36 / var(--screenHeight)));
                font-weight: 600;
            }
            #divider{
                height: 100%;
                width: 1px;
                margin: 0px calc(100vh * (20 / var(--screenHeight)));
                background-color: #AAAAAA;
            }
            #contents{
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin: 0px calc(100vh * (20 / var(--screenHeight)));
                #content-container{
                    margin: calc(100vh * (10 / var(--screenHeight))) 0px;
                    #sub-heading{
                        font-size: calc(100vh * (24 / var(--screenHeight)));
                        font-weight: 600;
                        color: #197EEB;
                    }
                    #description{
                        font-size: calc(100vh * (18 / var(--screenHeight)));
                        color: #AAAAAA;
                    }
                }
            }
        }
    }
}

/*iPad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation:portrait) {
    .get_more_container_fluid {
        padding: 50px 40px;
        .get_more_container_heading{
            font-size: calc(100vh * (36 / var(--mobileScreenHeight)));
            text-align: center;
        }
        .get_more_content_container{
            .get_more_content_row{
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .get_more_content{
                flex-direction: column;
                padding: 20px 0px;
                #contents{
                    margin: 0px 40px;
                }
            }
         }
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation:landscape) {
    .get_more_container_fluid {
        padding: 50px 10px;
    }
}

    /* 
* <------------CUSTOMER REVIEW ------------>
*/
    .customer_review_title_main {
        display: flex;
        width: 100%;
        height: max-content;
        padding: calc(100vh * (60 / var(--screenHeight))) 0px;
        padding-bottom: calc(100vh * (40 / var(--screenHeight)));
        justify-content: space-between;
    }

    /* .customer_review_web_col {
display: flex;
align-items: center;
} */

    .customer_review_title {
        font-size: var(--headingFontSize);
        line-height: var(--headingLineHeight);
        letter-spacing: 0em;
        font-weight: 400;
        color: #FFFFFF;
    }

        .customer_review_title span {
            color: #197eeb;
        }

    .customer_review_image_container {
        display: flex;
        width: max-content;
        position: relative;
    }

    .customer_review_image {
        display: flex;
        width: auto;
        height: 100%;
    }

    .customer_review_count {
        display: flex;
        font-size: calc(100vh * (32 / var(--screenHeight)));
        font-weight: 700;
        line-height: calc(100vh * (38 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        position: absolute;
        color: #101010;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -80%);
    }

    .carousel-item {
        padding: 12px;
        background-color: #197EEB;
    }


    .customer_review_flickity_container {
        width: 100%;
        padding-bottom: calc(100vh * (90 / var(--screenHeight)));
        background-color: #197EEB;
    }

        .customer_review_flickity_container .flickity-viewport {
            height: 47vh !important;
            background-color: #197EEB;
        }

    .customer_review_flickity {
        display: flex;
        width: max-content;
        height: 100%;
        margin: 0px 0.5rem;
        flex-direction: column;
        border-radius: calc(100vh * (20 / var(--screenHeight)));
        background: #ffffff;
        border: 1px solid #e3e3e3;
        border-top: 4px solid #e3e3e3;
        padding: calc(100vh * (36 / var(--screenHeight))) calc(100vw * (24 / var(--screenWidth)));
        padding-bottom: calc(100vh * (32 / var(--screenHeight)));
        align-items: center;
        position: relative;
        transition: 0.2s all ease-in-out;
    }

        .customer_review_flickity:hover {
            box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.04);
            transition: 0.2s all ease-in-out;
            border-top: 4px solid #197eeb;
        }

    .customer_review_flickity_stars {
        display: flex;
        height: 3vh;
        width: auto;
    }

    .customer_review_flickity_name {
        display: flex;
        font-size: calc(100vh * (20 / var(--screenHeight)));
        font-weight: 600;
        line-height: calc(100vh * (24 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: center;
        color: #1a1a1a;
        margin-top: calc(100vh * (16 / var(--screenHeight)));
    }

    .customer_review_flickity_country {
        display: flex;
        font-size: calc(100vh * (14 / var(--screenHeight)));
        font-weight: 500;
        line-height: calc(100vh * (20 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        margin-top: calc(100vh * (8 / var(--screenHeight)));
        color: #aaaaaa;
    }

    .customer_review_flickity_description {
        display: flex;
        font-size: calc(100vh * (18 / var(--screenHeight)));
        font-weight: 500;
        line-height: calc(100vh * (22 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: center;
        margin-top: calc(100vh * (24 / var(--screenHeight)));
        color: #1a1a1a;
        width: 16vw;
        height: max-content;
        justify-content: center;
    }

    .customer_review_flickity_date {
        display: flex;
        position: absolute;
        font-size: calc(100vh * (16 / var(--screenHeight)));
        font-weight: 500;
        line-height: calc(100vh * (22 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        bottom: calc(100vh * (32 / var(--screenHeight)));
        left: 50%;
        transform: translateX(-50%);
    }

    /* iPad */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        .customer_review_flickity {
            padding: 14px;
        }

        .customer_review_flickity_description {
            font-size: 18px;
            width: 40vw;
        }

        .customer_review_flickity_date {
            font-size: 18px;
            left: 40%;
        }
    }
    /* 
* <------------ WHY US ------------>
*/

    .why_us_container_fluid {
        background-color: #f2f4f8;
        position: relative;
    }

    .why_us_title {
        display: flex;
        width: 100%;
        height: max-content;
        margin: calc(100vh * (60 / var(--screenHeight))) 0px;
        margin-bottom: 0px;
        font-weight: 700;
        font-size: var(--headingFontSize);
        line-height: var(--headingLineHeight);
        letter-spacing: 0em;
        text-align: center;
        color: #1a1a1a;
        justify-content: center;
    }

    .why_us_content_container {
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: center;
    }

    .why_us_content_row {
        height: 130vh;
        width: 100%;
        padding: 0px 20vw;
        align-items: center;
    }

    .why_us_content {
        display: flex;
        width: 92%;
        height: max-content;
        flex-direction: column;
        align-items: center;
        background-color: #ffffff;
        border: 0.5px solid #eeeeee;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.04);
        border-radius: calc(100vh * (24 / var(--screenHeight)));
        padding: calc(100vh * (30 / var(--screenHeight))) calc(100vh * (16 / var(--screenHeight)));
        margin-bottom: calc(100vh * (16 / var(--screenHeight)));
    }

        .why_us_content img {
            height: calc(100vh * (55 / var(--screenHeight)));
            width: auto;
        }

    .why_us_content_logo {
        display: flex;
    }

    .why_us_content_title {
        display: flex;
        font-weight: 600;
        font-size: calc(100vh * (20 / var(--screenHeight)));
        line-height: calc(100vh * (29 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: center;
        color: black;
        margin-top: 20px;
    }

    .why_us_content_description {
        width: 90%;
        height: 0px;
        margin-top: 20px;
        font-weight: 500;
        font-size: calc(100vh * (16 / var(--screenHeight)));
        line-height: calc(100vh * (20 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: center;
        color: #aaaaaa;
        overflow: hidden;
    }

    /* iPad */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        .why_us_content {
            padding: 38px 10px;
        }

        .why_us_content_row {
            padding: 0px 0vw;
            margin: 0;
        }
    }


    /* 
* <------------ INVEST AS YOU SPEND ------------>
*/
    .invest_as_you_spend_container {
        background: linear-gradient(182deg, #BCD2F2 1.68%, #FFFFFF 98.32%);
        margin: calc(100vh * (50 / var(--screenHeight))) 0px;
        padding: calc(100vh * (30 / var(--screenHeight))) 0px;
    }

    .invest_as_you_spend_main {
        display: flex;
        width: 100%;
        height: max-content;
        flex-direction: column;
        padding: calc(100vh * (80 / var(--screenHeight))) 0px;
        position: relative;
    }

    .invest_as_you_spend_title {
        display: flex;
        font-weight: 700;
        font-size: calc(100vh * (40 / var(--screenHeight)));
        line-height: calc(100vh * (48 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        color: #1a1a1a;
    }

    .invest_as_you_spend_description {
        display: flex;
        font-weight: 400;
        font-size: var(--bodyContentLargeFontSize);
        line-height: var(--bodyContentLargeLineHeight);
        letter-spacing: 0em;
        text-align: left;
        color: #777777;
        margin-top: 20px;
        width: 50%;
    }

    .invest_as_you_spend_learn_more {
        display: flex;
        margin-top: calc(100vh * (40 / var(--screenHeight)));
        padding: 12px 48px;
        border-radius: 1000px;
        background-color: #197eeb;
        box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.06);
        color: #ffffff;
        font-weight: 600;
        font-size: var(--bodyContentLargeFontSize);
        line-height: var(--bodyContentLargeLineHeight);
        letter-spacing: 0em;
        text-align: left;
        width: max-content;
        cursor: pointer;
    }

        .invest_as_you_spend_learn_more:hover {
            background-color: #197febef;
        }

    .invest_as_you_spend_card_image {
        display: flex;
        height: 45vh;
        width: auto;
        position: absolute;
        top: 0;
        right: 0;
    }

    .invest_as_you_spend_card_front {
        transform: translate(-88%, 20%);
    }

    .invest_as_you_spend_card_back {
        transform: translate(0%, 40%);
    }

    /*
    <---------------SUBSCRIBE TO MARKET--------------->
*/
    .subscribe-to-market-container {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        margin-bottom: calc(100vh * (60 / var(--screenHeight)));
        .subscribe-content{
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        #subscribe-icon{
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            margin-right: 20px;
        }
        #subscribe-description {
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            margin-right: 40px;
            .title{
                        font-size: calc(100vh * (36 / var(--screenHeight)));
                        font-weight: 600;
                        color: #197EEB;
                    }
                    span{
                        color: #666666;
                        font-size: calc(100vh * (18 / var(--screenHeight)));
                        font-weight: 400;
                    }
             
        }
    }
    #subscribe-form{
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            margin-left: 40px;
            #subscribe-email{
                width: 300px;
            }
            #subscribe-market-btn{
                display: flex;
                margin-left: 20px;
                flex-direction: row;
                justify-content: center;
                a{
                    background-color: #197EEB;
                    padding: 12px 48px;
                    color: #FFFFFF;
                    font-weight: 600;
                    font-size: 18px;
                    border-radius: 25px;
                    line-height: 24px;
                 } 
            }
    }
}
/* 
* <------------  PODCAST NEWS BLOGS OLD ------------>
*/
.podcast_news_blog_container {
    display: flex;
    width: 100%;
    height: max-content;
    padding-top: 200px;
}

.podcast_news_blog_side_container {
display: flex;
width: 100%;
height: max-content;
flex-direction: column;
padding-top: 20px;
}

.podcast_news_blog_content_container {
display: flex;
flex-direction: column;
width: 100%;
height: max-content;
}

.podcast_news_blog_side_content {
display: flex;
flex-direction: column;
width: 100%;
height: max-content;
margin-bottom: 32px;
overflow: hidden;
}

.podcast_news_blog_side_content_title {
display: flex;
font-weight: 700;
font-size: calc(100vh * (72 / var(--screenHeight)));
line-height: calc(100vh * (86 / var(--screenHeight)));
letter-spacing: 0em;
text-align: left;
color: #1a1a1a;
}

.podcast_news_blog_side_content_description {
width: 60%;
display: flex;
font-weight: 500;
font-size: calc(100vh * (16 / var(--screenHeight)));
line-height: calc(100vh * (20 / var(--screenHeight)));
letter-spacing: 0em;
text-align: left;
color: #aaaaaa;
margin-top: 4px;
}

.podcast_news_blog_side_content_explore_all {
display: flex;
width: max-content;
height: max-content;
margin-top: calc(100vh * (16 / var(--screenHeight)));
border-radius: 1000px;
background-color: #197eeb;
padding: calc(100vh * (10 / var(--screenHeight)))
  calc(100vh * (18 / var(--screenHeight)));
color: #ffffff;
font-weight: 600;
font-size: calc(100vh * (16 / var(--screenHeight)));
line-height: calc(100vh * (19 / var(--screenHeight)));
letter-spacing: 0em;
text-align: left;
transition: 0.2s all ease-in;
cursor: pointer;
}

.podcast_news_blog_side_content_explore_all:hover {
background-color: #197febef;
transition: 0.2s all ease-out;
}

.podcast_news_blog_content_col {
height: calc(max-content);
min-height: 40vh;
}

.podcast_news_blog_content {
display: flex;
width: 100%;
height: 100%;
background-color: #ffffff;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.04);
border-radius: 24px;
flex-direction: column;
padding: calc(100vh * (16 / var(--screenHeight)));
position: relative;
padding-bottom: calc(100vh * (40 / var(--screenHeight)));
border: 0.5px solid rgb(238, 238, 238);
}

.podcast_news_blog_content_image {
display: flex;
width: 100%;
height: 45%;
object-fit: cover;
border-radius: 12px;
overflow: hidden;
border: 0.5px solid rgb(238, 238, 238);
}

.podcast_news_blog_content_loader_image_container {
display: flex;
width: 100%;
height: 45%;
border-radius: 12px;
overflow: hidden;
background-color: #efefef;
align-items: center;
justify-content: center;
}

.podcast_news_blog_content_image_loader {
display: flex;
height: 60%;
width: auto;
opacity: 0.4;
}

.podcast_news_blog_content_title {
display: flex;
font-weight: 500;
font-size: calc(100vh * (24 / var(--screenHeight)));
line-height: calc(100vh * (30 / var(--screenHeight)));
letter-spacing: 0em;
text-align: left;
color: #1a1a1a;
margin-top: calc(100vh * (16 / var(--screenHeight)));
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}

.podcast_news_blog_content_description {
display: flex;
font-weight: 400;
font-size: calc(100vh * (14 / var(--screenHeight)));
line-height: calc(100vh * (19 / var(--screenHeight)));
letter-spacing: 0em;
text-align: left;
margin-top: calc(100vh * (8 / var(--screenHeight)));
color: #1a1a1a;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}

.podcast_news_blog_content_horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: calc(100vh * (16 / var(--screenHeight)));
    min-height: 40vh;
}
    
.podcast_news_blog_content_horizontal_image {
    display: flex;
    width: 48%;
    height: auto;    
    object-fit: cover;
    border-radius: 12px;
    overflow: hidden;
    border: 0.5px solid rgb(238, 238, 238);
}

.podcast_news_blog_content_horizontal_loader_image_container {
display: flex;
width: 48%;
height: 100%;
min-height: 40vh;
border-radius: 12px;
overflow: hidden;
background-color: #efefef;
justify-content: center;
align-items: center;
}

.podcast_news_blog_content_horizontal_image_loader {
display: flex;
width: 50%;
height: auto;
opacity: 0.4;
}

.podcast_news_blog_content_horizontal_content {
display: flex;
width: 48%;
height: max-content;
flex-direction: column;
position: relative;
min-height: 100%;
}

.podcast_news_blog_content_horizontal_content_heading {
display: flex;
font-weight: 500;
font-size: calc(100vh * (24 / var(--screenHeight)));
line-height: calc(100vh * (30 / var(--screenHeight)));
letter-spacing: 0em;
text-align: left;
color: #1a1a1a;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}

.podcast_news_blog_content_horizontal_content_description {
display: flex;
font-weight: 400;
font-size: calc(100vh * (14 / var(--screenHeight)));
line-height: calc(100vh * (19 / var(--screenHeight)));
letter-spacing: 0em;
text-align: left;
color: #1a1a1a;
margin-top: calc(100vh * (16 / var(--screenHeight)));
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 8;
line-clamp: 8;
-webkit-box-orient: vertical;
}

.podcast_news_blog_content_horizontal_content_time {
display: flex;
width: 100%;
justify-content: space-between;
height: max-content;
margin-top: calc(100vh * (40 / var(--screenHeight)));
font-size: calc(100vh * (12 / var(--screenHeight)));
line-height: calc(100vh * (17 / var(--screenHeight)));
font-weight: 400;
letter-spacing: 0em;
text-align: left;
color: #a1a1a1;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}

.podcast_news_blog_content_horizontal_content_player {
display: flex;
width: 100%;
height: auto;
margin-top: calc(100vh * (40 / var(--screenHeight)));
}

.podcast_news_blog_content_player_placeholder {
display: flex;
width: 100%;
height: auto;
margin-top: calc(100vh * (16 / var(--screenHeight)));
}

.podcast_news_blog_content_time {
display: flex;
width: 100%;
height: max-content;
justify-content: space-between;
font-size: calc(100vh * (12 / var(--screenHeight)));
line-height: calc(100vh * (17 / var(--screenHeight)));
font-weight: 400;
letter-spacing: 0em;
text-align: left;
color: #a1a1a1;
position: absolute;
bottom: calc(100vh * (16 / var(--screenHeight)));
left: 50%;
transform: translateX(-50%);
padding: 0px calc(100vh * (16 / var(--screenHeight)));
}

.podcast_news_blog_explore_all_container {
display: flex;
width: 100%;
height: max-content;
justify-content: flex-end;
padding: calc(100vh * (20 / var(--screenHeight))) 0px
  calc(100vh * (64 / var(--screenHeight)));
}

.podcast_news_blog_explore_all_cta {
display: flex;
width: max-content;
height: max-content;
border-radius: 100px;
background-color: #197eeb;
padding: calc(100vh * (12 / var(--screenHeight)))
  calc(100vh * (20 / var(--screenHeight)));
color: #ffffff;
font-size: calc(100vh * (16 / var(--screenHeight)));
font-weight: 600;
line-height: calc(100vh * (19 / var(--screenHeight)));
letter-spacing: 0em;
text-align: left;
cursor: pointer;
transition: 0.2s all ease-in;
}

.podcast_news_blog_explore_all_cta:hover {
transition: 0.2s all ease-out;
background-color: #197febef;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
    transform: translateX(100%);
}

.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {
    transform: translateX(-100%)
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
    transform: translateX(0);
}


/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .podcast_news_blog_side_content_description {
        width: 100%;
    }
}

/* 
* <------------------------ HOME TABLE FEATURE DESCRIPTION ------------------------>
*/

    .home-table-feature-description {
        margin-top: calc(100vh * (20 / var(--screenHeight)));
        margin-bottom: calc(100vh * (20 / var(--screenHeight)));
        position: relative;
        padding: 0vw 10vw;
        width: 100%;
    }
    .home-table-feature-description .landing_main_content_heading {
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }
    .home-table-feature-description .width_main {
        width: 300px;
        float: left;
    }
    .home-table-feature-description .width_main h2 {
        color: #343A40;
        line-height: 38px;
        width: 100%;
        float: left;
        text-align: left;
    }
    .home-table-feature-description .how_border {
        float: left;
        margin: 0;
    }

    .home-table-feature-description .table-wrapper .inner-table {
        position: relative;
        padding-left: 300px;
    }

    .home-table-feature-description .table-wrapper .inner-table .pr-list-text {
        width: 300px;
        position: absolute;
        left: 0;
        top: 100px;
        box-shadow: 0px 0px 10px #00000029;
        -webkit-box-shadow: 0px 0px 10px #00000029;
        z-index: 0;
        background-color: #fff;
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
    }

    .home-table-feature-description .table-wrapper .inner-table .pr-list-text li {
        font-size: 20px;
        padding: 20px;
        color: #1a1a1a;
        border-bottom: 0.5px solid #e0e9ef;
        font-family: HKGroteskPro,serif;
    }

    .home-table-feature-description-row {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap !important;
        margin-left: -150px !important;
        margin-right: -150px !important;
    }

    .home-table-feature-btn-container{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
        .start-now-btn{
            background-color: #197EEB;
            padding: 12px 48px;
            color: #FFFFFF;
            font-weight: 600;
            font-size: 18px;
            border-radius: 25px;
            width: 195px;
            text-align: center;
        }
    }

    .features-table-container{
        border-radius: 20px;
        border: 1px solid #CCCCCC;
        .features-table{
            box-shadow: 4px 4px 8px 0px #0000001A;
            margin-bottom: 0px;
            border-radius: 20px;
            thead tr{
                font-size: 20px;
                td{
                      vertical-align: middle;
                      border-bottom: 0.5px solid #CCCCCC; 
                  }
            }
            tbody{
                tr:first-child{
                    td{
                       padding-top: 0px;
                    }
                }
            }
            td{
                vertical-align: middle;
                #top-line{
                          border-top: 1px solid #000000;
                          margin: 0px 5px 24px;
                      }
                #top-white-line{
                          border-top: 1px solid #FFF;
                          margin: 0px 5px 24px;
                      }
            }
            tr{
                  text-align: center;
                  color: #666666;
                  font-size: 18px;
                  td{
                    border-top: 0px;
                    border-bottom: 0.5px solid #CCCCCC; 
                  }
              }
              tr:last-child{
                  td{
                      border-bottom: 0px;
                  }
              }
            .col-onegold{
                background-color: #197EEB;
                color: #FFFFFF;
                font-weight: 700;
                .icon{
                         color: #FFFFFF;
                }
            }
            .col-features{
                text-align: left;
                color: #000000;
                font-size: 20px;
                font-weight: 400;
            }
            .icon{
                color: #26AF36;
            }
            .fa-times{
                color: #FF0000;
            }
        }
    }

    .home-table-feature-description .second_block .pr-header {
        padding: 20px !important;
    }

    .home-table-feature-description .third_block .pr-header {
        padding: 20px !important;
    }

    .home-table-feature-description .table-wrapper .inner-table .pr-column {
        float: left;
        width: 33%;
        text-align: center;
        border-radius: 6px;
    }

    .home-table-feature-description .table-wrapper .pr-column .pr-header {
        padding: 5px 0 12px;
        margin-top: 12px;
        border-bottom: 1px solid #e0e9ef;
        float: left;
        width: 100%;
    }

    .home-table-feature-description .table-wrapper .pr-column .pr-body li {
        border-bottom: 0.5px solid #e0e9ef;
        padding: 0 0;
        font-size: 18px;
        font-weight: 700;
        width: 100%;
        float: left;
        color: #1a1a1a;
        font-family: HKGroteskPro,serif;
    }

    .home-table-feature-description .table-wrapper .pr-column .pr-body .feature-text{
        padding: 21.6px 0px;
    }

    .home-table-feature-description .first_block {
        box-shadow: 0 8px 33px -5px #296EFB69;
        -webkit-box-shadow: 0 8px 33px -5px #296EFB69;
        background-color: #335eea;
        margin-top: 0px;
        position: relative;
        z-index: 9;
    }

.home-table-feature-description .table-wrapper .pr-column .pr-body li .icon {
    font-size: 40px;
    color: #26AF36;
    font-weight: normal;
    color: #fff;
    padding: 16px 0px;
}

    .home-table-feature-description .table-wrapper .second_block .pr-body li .icon {
        font-size: 24px;
        color: #26AF36;
        font-weight: normal;
        padding: 24px 0;
    }

.home-table-feature-description .table-wrapper .third_block .pr-body li .icon {
    font-size: 24px;
    color: #26AF36;
    font-weight: normal;
    padding: 24px 0;
}

    .home-table-feature-description ul {
        margin-bottom: 0 !important;
        list-style-type: none;
        padding: 0;
    }

    .home-table-feature-description .pr-footer a {
        margin: 20px 0;
        padding: 10px 20px;
    }

    .home-table-feature-description .second_block{
        background-color: #FFFFFF;
        box-shadow: 0px 0px 5px #00000029;
        -webkit-box-shadow: 0px 0px 5px #00000029;
    }

    .home-table-feature-description .third_block {
        background-color: #FFFFFF;
        box-shadow: 0px 0px 5px #00000029;
        -webkit-box-shadow: 0px 0px 5px #00000029;
    }

    .home-table-feature-description .second_block h2 {
        color: #343A40;
        margin-bottom: 0;
        line-height: 50px;
        width: 100%;
        float: left;
        text-align: center;
        font-size: 25px;
    }

    .home-table-feature-description .third_block h2 {
        color: #343A40;
        margin-bottom: 0;
        line-height: 50px;
        width: 100%;
        float: left;
        text-align: center;
        font-size: 25px;
    }

    .home-table-feature-description .fa-question {
        color: #296EFB !important;
    }

    .home-table-feature-description .pr-header img {
        width: auto;
    }

    .home-table-feature-description .border_block {
        width: 150px;
        margin: 0px auto 0 auto;
        height: 5px;
        background-color: #296EFB;
    }

    /* Mobile */
    @media (min-width: 320px) and (max-width: 767px) {
        .home-table-feature-description-row {
            display: flex !important;
            flex-wrap: wrap !important;
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

        .features-table-container {
            .features-table{
                thead tr{
                    font-size: 12px;
                    line-height: 1.8;
                }   
                tr{
                    font-size: 10px;
                }
                td{
                    padding: 0.4rem 0.2rem;
                     #top-line{
                          margin: 0px 5px 7px;
                      }
                    #top-white-line{
                          margin: 0px 5px 7px;
                      }
                }
                .col-features{
                    font-size: 10px;
                    padding-left: 0.5rem;
                }
                td:last-child{
                    padding-right: 0.5rem;
                }
            }
        }

        .home-table-feature-description .table-wrapper .inner-table .pr-list-text li:last-child {
            border-bottom: none !important;
        }

        .home-table-feature-description .second_block {
            box-shadow: none !important;
        }

        .home-table-feature-description .third_block {
            box-shadow: none !important;
        }

        .home-table-feature-description .table-wrapper .inner-table .pr-column {
            margin-top: -50px;
        }

        .home-table-feature-description .first_block {
            box-shadow: none !important;
        }

        .home-table-feature-description .second_block h2 {
            font-size: 11px;
            line-height: 30px;
        }

        .home-table-feature-description .third_block h2 {
            font-size: 11px;
            line-height: 15px;
        }

        .home-table-feature-description .table-wrapper .inner-table {
            padding-left: 0;
        }

        .home-table-feature-description .table-wrapper .inner-table .pr-list-text {
            position: initial;
            float: left;
            width: 33.33%;
            background-color: #F3F6FF;
            box-shadow: none;
            -webkit-box-shadow: none;
        }

        .home-table-feature-description .pr-list-text li {
            width: 100% !important;
            flex: inherit !important;
            margin-bottom: 0 !important;
        }

        .home-table-feature-description .table-wrapper .inner-table .pr-list-text li {
            text-align: left;
            font-size: 8px;
            padding: 7px;
            min-height: 48px;
        }

        .home-table-feature-description .table-wrapper li .icon {
            color: #26AF36;
            font-size: 25px;
            text-align: center;
            float: none;
            line-height: 17px;
            font-weight: bold;
        }

        .home-table-feature-description .border_block {
            width: 80px;
            margin: 0px auto 20px auto;
            height: 2px
        }

        .home-table-feature-description .padding_0_block {
            margin-top: 0 !important;
        }

        .home-table-feature-description .table-wrapper .pr-column .pr-body li {
            padding: 7px;
            font-size: 7px !important;
            min-height: 48px;
        }

        .home-table-feature-description .width_main {
            width: 100%;
        }

        .home-table-feature-description .pr-footer a {
            padding: 5px;
            margin: 10px;
            font-size: 8px;
            width: auto;
            background: #fff;
            height: 37px;
            margin-bottom: 10px !important;
        }

        .home-table-feature-description .table-wrapper .pr-column .pr-header {
            padding: 0 10px !important;
            margin-top: 12px;
            margin-bottom: 8px;
        }

        .home-table-feature-description .width_main h2 {
            line-height: 30px;
            margin-bottom: 0;
            font-size: 12px;
        }

        .home-table-feature-description .table-wrapper .inner-table .pr-column {
            width: 22%;
        }

        .landing_main_right_content_image {
            display: flex;
            height: 32vh;
            width: auto;
        }

        .flickity-prev-next-button {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            width: 30px !important;
            height: 30px !important;
            background-color: #296efb99;
            box-shadow: 0 .5rem 1.5rem rgba(22, 28, 45, .05);
            color: #fff;
        }
    }

    /* iPad */
    @media (min-width: 768px) and (max-width: 1023px) {
        .home-table-feature-description .width_main {
            width: 200px;
        }
        .home-table-feature-description .table-wrapper .inner-table .pr-list-text li {
            font-size: 12px;
            padding: 10px;
            min-height: 60px;
        }

        .home-table-feature-description .table-wrapper .inner-table .pr-list-text {
            width: 200px;
            top: 65px;
        }

        .home-table-feature-description .table-wrapper .inner-table {
            padding-left: 200px;
        }

        .home-table-feature-description .table-wrapper .pr-column .pr-body li {
            padding: 7px 0;
            min-height: 60px;
        }

        .home-table-feature-description .table-wrapper .pr-column .pr-body li .icon {
            font-size: 18px;
        }

        .home-table-feature-description .table-wrapper .pr-column .pr-header {
            padding: 0px 0;
            margin-top: -6px;
        }
        .home-table-feature-description .second_block .pr-header {
            padding: 11px !important;
        }
        .home-table-feature-description .third_block .pr-header {
            padding: 11px !important;
        }
        .home-table-feature-description .pr-footer {
            padding: 0 10px;
        }
    }

    @media (min-width: 1024px) and (max-width: 1199px) {
        .home-table-feature-description .table-wrapper .inner-table .pr-list-text li {
            font-size: 16px;
        }
    }



/* 
* <------------------------ HOME DESCRIPTION NEW ------------------------>
*/

.home_description_flickity_row {
    height: 100%;
    padding-bottom: 8vh;
}

.home_description_flickity_row .flickity-viewport {
    height: 60vh !important;
    padding-top: 5vh;
}

.home_description_flickity_cell {
    margin: 0vw 2vw;
    height: 50vh;
    width: 40vh;
    border-radius: calc(100vh * (24 / var(--screenHeight)));
    box-shadow: 0px 4px 4px 0px #00000040;
}

.home_description_flickity_container {
    width: 100%;
    height: max-content;
}

.home_description_flickity_cell.is-selected {
    transform: scale(1);
    /*box-shadow: 0 10px 16px rgba(0, 0, 0, 0.06), 0 6px 6px rgba(0, 0, 0, 0.08);*/
    box-shadow: 0px 4px 4px 0px #00000040;
}

.home_description_flickity_container .flickity-button.previous {
    -webkit-transform: translate(5%,-50%);
    transform: translate(5%,-50%);
}
.home_description_flickity_container .flickity-button.next {
    -webkit-transform: translate(-5%,-50%);
    transform: translate(-5%,-50%);
}
.customer_review_container_fluid {
    background-color: #197EEB;
}
/* 
* <------------------------ MOBILE SCREEN ------------------------>
*/

@media only screen and (max-width: 768px) {
    .landing_main_content {
        align-items: center;
        flex-direction: column-reverse;
    }

    .landing_main_content_heading {
        font-size: 28px;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 20px;
    }

    .landing_main_content_description {
        margin-top: 16px;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
        width: 100%;
    }

    .landing_main_content_email_button {
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        padding: 14px 16px;
    }

    .landing_main_content_email_input {
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
    }

    .landing_main_content_email {
        margin-top: 36px;
        padding-left: 20px;
    }

    .landing_main_content_download {
        margin-top: 36px;
    }

    .landing_main_content_download_img_container {
        padding: 6px 8px;
    }

        .landing_main_content_download_img_container:first-child {
            margin-right: 14px;
        }

    .landing_main_content_founder {
        padding: 0px 16px;
        margin-top: 40px;
        justify-content: center;
    }

    .landing_main_content_founder_title {
        display: flex;
        font-size: 9px;
        font-weight: 600;
        line-height: 11px;
        letter-spacing: 0em;
        text-align: left;
        margin-right: 10px;
    }

    #landing_main_content_founder_container{
        display: none !important;
    }

    .landing_main_content_founder_logo {
        margin-right: 5px;
    }

    .landing_main_content_founder_divider {
        margin-right: 14px;
        margin-left: 14px;
    }

    .home_stats_container {
        flex-direction: column;
        align-items: center;
        padding: 80px 0px;
        padding-left: 24px;
    }

    .home_stats_row{
        flex-direction: row;
        align-items: start;
        justify-content: space-between;
    }

    .home_stats_content_center {
        margin: 0px;
    }

    .home_stats_content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-left: 15vw;
    }

    .home_stats_content_value {
        font-size: 36px;
        font-weight: 700;
        line-height: 47px;
        letter-spacing: 0em;
        text-align: right;
    }

    .home_stats_content_title {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
        width: 120px;
        margin: 0px;
    }

    .home_info_main {
        font-size: calc(100vh * (28 / var(--screenHeight)));
        font-weight: 700;
        line-height: calc(100vh * (36 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: center;
        margin-top: calc(100vh * (60 / var(--screenHeight)));
        margin-bottom: calc(100vh * (60 / var(--screenHeight)));
        width: 100%;
    }

    .home_info_content_container_fluid {
        padding-top: 50px;
        padding-bottom: 20px;
        span{
            font-size: calc(100vh * (36 / var(--screenHeight)));
        }
    }

    .best_experience_container{
        flex-direction: column;
        text-align: center;
        padding-left: 10px;
        .best_experience_heading{
            font-size: calc(100vh * (30 / var(--screenHeight)));
            padding-left: 25px;
            margin-bottom: 20px;
        }
    }

.customer_review_title_container {
    margin-top: 100px;
    margin-bottom: 0px;
}

    .customer_review_title {
        font-size: 36px;
        font-weight: 700;
        line-height: 39px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 20px;
    }

    .why_us_title {
        display: flex;
        width: 100%;
        height: max-content;
        margin-top: 0px;
        font-size: 48px;
        font-weight: 700;
        line-height: 58px;
        letter-spacing: 0em;
        text-align: center;
        color: #1a1a1a;
        justify-content: center;
    }

    .why_us_content_mobile_container {
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: center;
    }

    .why_us_content_mobile_row {
        display: flex;
        height: 35rem;
        width: 100%;
        justify-content: center;
    }

    .why_us_content_mobile {
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column;
        align-items: center;
        background-color: #ffffff;
        border: 0.5px solid #eeeeee;
        border-radius: 24px;
        padding: 30px 16px;
        justify-content: center;
    }

    .why_us_content_mobile_logo {
        display: flex;
    }

    .why_us_content_mobile_title {
        display: flex;
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color: black;
        margin-top: 20px;
    }

    .why_us_content_mobile_description {
        display: flex;
        width: 80%;
        height: 0px;
        margin-top: 20px;
        font-size: 12px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color: #aaaaaa;
        overflow: hidden;
    }

    .why_us_title {
        margin-top: calc(100vh * (60 / var(--screenHeight)));
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 40px;
    }

    .why_us_content_mobile {
        padding: 15px 6px;
        border-radius: 8px;
        border: 1px solid #eeeeee;
    }

    .why_us_content_mobile_title {
        font-weight: 600;
        font-size: calc(100vh * (13 / var(--mobileScreenHeight)));
        line-height: calc(100vh * (16 / var(--mobileScreenHeight)));
        letter-spacing: 0em;
        text-align: center;
        margin-top: 6px;
    }

    .why_us_content_mobile_description {
        font-weight: 500;
        font-size: calc(100vh * (11 / var(--mobileScreenHeight)));
        line-height: calc(100vh * (14 / var(--mobileScreenHeight)));
        letter-spacing: 0em;
        text-align: center;
        margin-top: 6px;
        width: 100%;
    }

    .why_us_content_mobile_row {
        padding: 0px;
    }

    .why_us_content_mobile img {
        width: 28px;
        height: 28px;
    }

    .get_more_container_fluid{
        padding: 50px 15px;
        .get_more_container_heading{
            font-size: calc(100vh * (36 / var(--mobileScreenHeight)));
            text-align: center;
        }
        .get_more_content_container{
            .get_more_content_row{
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .get_more_content{
                flex-direction: column;
                padding: 20px 0px;
                #contents{
                    margin: 0px 20px;
                }
            }
         }
    }

    .market_perspectives {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        padding: 50px 15px;
        .market_perspectives_title{
            font-size: calc(100vh * (36 / var(--mobileScreenHeight)));
            text-align: center;
        }
        .market_perspectives_content_container{
            flex-direction: column;
            .market_perspectives_content{
                margin: 10px 0px;
                #market-image{
                    height: 100%;
                }
            }
        }
        .market_perspectives_btn_container{
            flex-direction: column;
            margin-top: 10px;
            padding: 0px;
            align-items: center;
            .start_investing, .more_podcasts{
                 margin: 10px;
            }
            .more_podcasts{
                margin-left: 0px;
                margin-right: 0px;
            }
        }
    }

    .invest_as_you_spend_container {
        margin: 40px 0px;
        margin-top: 10vh;
        padding-bottom: 5vh;
    }

    .invest_as_you_spend_main {
        padding: 3vh 0px 30px;
        align-items: center;
        order: 2;
    }

    .invest_as_you_spend_main_container{
        display: flex;
        flex-direction: column;
    }

    .invest_as_you_spend_title {
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
    }

    .invest_as_you_spend_description {
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 16px;
        width: 90%;
    }

    .invest_as_you_spend_learn_more {
        margin-top: 16px;
        padding: 12px 48px;
        font-size: 18px;
        font-size: 18px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
    }

    .invest_card_image_container{
        order: 1;
    }

    .invest_as_you_spend_card_image {
        height: 30vh;
        position: relative;
        padding-bottom: 5px;
    }

    .invest_as_you_spend_card_front {
        transform: translate(-100%, -70%);
    }

    .invest_as_you_spend_card_back {
        transform: translate(-50%, -50%);
    }

    .get_market_news_title {
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        width: 80%;
    }

    .get_market_news_description {
        margin-top: 16px;
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: center;
        width: 80%;
    }

    .get_market_news_email_button {
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        padding: 14px 16px;
    }

    .get_market_news_email_input {
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        border-radius: 8px;
        padding-left: 8px;
    }

    .get_market_news_email {
        margin-top: 16px;
        width: 100%;
    }

    .get_market_news_main {
        margin-bottom: 120px;
    }

    .home_description_content_mobile_container {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: max-content;
        margin-bottom: calc(100vh * (30 / var(--mobileScreenHeight)));
    }

    .home_description_content_mobile {
        display: flex;
        width: 100%;
        height: max-content;
        margin-bottom: 30px;
        align-items: flex-start;
        flex-direction: column;
        padding-left: 20px;
        box-shadow: 0px 4px 4px 0px #00000040;
        border: 1px solid #F2F4F8;
        padding: 20px;
        border-radius: 27.14px;

    }

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

    .home_description_content_mobile_video {
        display: flex;
        width: 12%;
        height: auto;
    }

    .home_description_content_mobile_text {
        display: flex;
        flex-direction: column;
        height: max-content;
        margin-top: 16px;
    }

    .home_description_content_mobile_text_title {
        display: flex;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        color: #101010;
    }

    .home_description_content_mobile_text_description {
        display: flex;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
        color: #aaaaaa;
        margin-top: 8px;
        max-width: 80vw;
    }

    .customer_review_carousel_description_mobile {
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
        color: #1a1a1a;
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 38px;
    }

    .customer_review_carousel_container_mobile {
        display: flex;
        width: 100%;
        height: max-content;
        padding: 20px 44px;
        border-radius: 16px;
        background-color: #ffffff;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.04);
        flex-direction: column;
        margin-bottom: 70px;
    }

    .customer_review_carousel_days_mobile {
        display: flex;
        font-size: 13px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: 0em;
        text-align: left;
        color: #cdcdcd;
        width: 100%;
        justify-content: flex-end;
    }

    .customer_review_carousel_name_mobile {
        display: flex;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        color: #1a1a1a;
        margin-top: 30px;
    }

    .customer_review_carousel_rating_mobile {
        display: flex;
        width: 100%;
        height: max-content;
        margin-top: 30px;
        justify-content: flex-end;
        font-size: 16px;
        font-weight: 600;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
        color: #1a1a1a;
    }

    .customer_review_container_fluid_mobile {
        height: 45vh;
        background-color: #f2f4f8;
    }

    .podcast_news_blog_mobile_conatiner {
        display: flex;
        width: 100%;
        height: max-content;
        flex-direction: column;
        margin-top: calc(100vh * (60 / var(--mobileScreenHeight)));
    }

    /*.secured_vaults_container {
        height: 90vh;
    }*/

    .podcast_news_blog_mobile_title_content {
        display: flex;
        width: 100%;
        height: max-content;
        align-items: flex-end;
        padding-left: 20px;
    }

    .podcast_news_blog_mobile_title {
        display: flex;
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: left;
        color: #555555;
        margin-right: 12px;
    }

    .podcast_news_blog_mobile_content_carousel {
        display: flex;
        width: 100%;
        height: max-content;
        margin-top: 16px;
    }

    .podcast_news_blog_mobile_content_carousel_item {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: max-content;
    }

    .podcast_news_blog_mobile_content_carousel_item_card {
        display: flex;
        width: 100%;
        height: max-content;
        padding: 8px;
        position: relative;
        justify-content: space-between;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.04);
        border-radius: 12px;
        margin-bottom: 16px;
    }

        .podcast_news_blog_mobile_content_carousel_item_card a {
            width: 40%;
            height: 20vh;
        }

    .podcast_news_blog_mobile_content_carousel_item_card_image {
        display: flex;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 6px;
        overflow: hidden;
    }

    .podcast_news_blog_mobile_content_carousel_item_card_image_loader_container {
        display: flex;
        width: 40%;
        height: max-content;
        border-radius: 6px;
        overflow: hidden;
        background-color: #efefef;
        justify-content: center;
    }

        .podcast_news_blog_mobile_content_carousel_item_card_image_loader_container
        a {
            width: 100%;
            height: max-content;
        }

    .podcast_news_blog_mobile_content_carousel_item_card_image_loader {
        display: flex;
        width: 100%;
        height: auto;
        opacity: 0.4;
    }

    .podcast_news_blog_mobile_content_explore {
        display: flex;
        width: 100%;
        height: max-content;
        margin-top: 20px;
        justify-content: center;
    }

    .podcast_news_blog_mobile_content_explore_button {
        display: flex;
        width: max-content;
        height: max-content;
        padding: 10px 18px;
        background-color: #197eeb;
        border-radius: 100px;
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        color: #ffffff;
    }

    .podcast_news_blog_mobile_container_fluid {
        display: flex;
        height: 55vh;
    }

    .podcast_news_blog_mobile_content_carousel_item_card_image_small {
        display: flex;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 6px;
        overflow: hidden;
    }

    .podcast_news_blog_mobile_content_carousel_item_card_image_small_loader_container {
        display: flex;
        width: 40%;
        height: 15vh;
        overflow: hidden;
        background-color: #efefef;
        border-radius: 6px;
        justify-content: center;
    }

        .podcast_news_blog_mobile_content_carousel_item_card_image_small_loader_container
        a {
            width: 70%;
            height: 100%;
        }

    .podcast_news_blog_mobile_content_carousel_item_card_image_small_loader {
        display: flex;
        height: 100%;
        width: 100%;
        object-fit: contain;
        opacity: 0.4;
    }

    .podcast_news_blog_mobile_content_carousel_item_card_content {
        display: flex;
        width: 55%;
        height: max-content;
        flex-direction: column;
    }

    .podcast_news_blog_mobile_content_carousel_item_card_content_title {
        font-size: 16px;
        font-weight: 600;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
        color: #1a1a1a;
        padding-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .podcast_news_blog_mobile_content_carousel_item_card_content_description {
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
        letter-spacing: 0em;
        text-align: left;
        color: #1a1a1a;
        margin-top: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .podcast_news_blog_mobile_content_carousel_item_card_content_time {
        display: flex;
        position: absolute;
        bottom: 8px;
        right: 8px;
        width: 55%;
        height: max-content;
        justify-content: flex-end;
    }

    .podcast_news_blog_mobile_content_carousel_item_card_time_day {
        display: flex;
        font-size: 11px;
        font-weight: 500;
        line-height: 14px;
        letter-spacing: 0em;
        text-align: left;
        color: #a1a1a1;
    }

    /*.secured_vaults_nav_content_main_svg {
        height: 19vh;
    }*/

    .side_cta_banner {
        height: max-content;
        width: 80vw;
    }

    .side_cta_banner_img {
        width: 100%;
        height: auto;
    }

    .customer_review_title_main {
        flex-direction: column;
        align-items: flex-start;
        padding: calc(100vh * (30 / var(--mobileScreenHeight))) 0px;
        justify-content: center;
    }

    .landing_main_content_info_cta_container a {
        width: 90%;
    }

    .landing_main {
        padding-left: 0px;
    }

    .home_stats_container_fluid {
        padding: calc(100vh * (50 / var(--mobileScreenHeight))) 0px;
    }

    .home_stats_container {
        padding: 0px;
    }

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

    /*.home_info_content_container_fluid {
        background-color: #ffffff;
    }*/

    .customer_review_image_container {
        margin-bottom: 20px;
        width: 100%;
        justify-content: center;
    }

    .landing_main_row {
        height: max-content;
        padding-top: 0vh;
        padding-bottom: 10vh;

    }

    .subscribe-to-market-container{
        flex-direction: column;
        margin-bottom: calc(100vh * (75 / var(--screenHeight)));
        .subscribe-content{
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            #subscribe-icon, #subscribe-description{
                margin-right: 0px;
            }
        }
        #subscribe-form{
            flex-direction: column;
            margin-left: 0px;
            #subscribe-email{
                margin-top: 20px;
                margin-bottom: 20px;
            }
        }
    }
    /*.secured_vaults_nav_content_text_main {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding: 0px 5vw;
        justify-content: center;
    }*/
}

/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .landing_main_content_email {
        width: max-content;
    }
    .invest_as_you_spend_container {
        margin-top: 1vh;
        margin-bottom: 0;
    }
    .invest_as_you_spend_title {
        display: block;
        text-align: center;
    }
    .invest_as_you_spend_description {
        text-align: center;
        width:100%;
    }
    .invest_as_you_spend_learn_more {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .home_stats_container {
        flex-direction: row;
        align-items: center;
        padding: 10px 0px;
    }

    .home_stats_content_center {
        margin: 0px;
    }

    .home_stats_content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-left: 4vw;
    }

    .home_stats_content_value {
        font-size: 36px;
        font-weight: 700;
        line-height: 47px;
        letter-spacing: 0em;
        text-align: right;
    }

    .home_stats_content_title {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
        width: 120px;
        margin: 0px;
    }
    .customer_review_title_main {
        padding: 30px 0;
        flex-direction: row;
    }
    .podcast_news_blog_mobile_content_carousel_item_card_content {        
        margin-left: 20px;
    }

    .flickity-button.previous {
        -webkit-transform: translate(5%,-50%);
        transform: translate(5%,-50%);
    }
    .flickity-button.next {
        -webkit-transform: translate(-5%,-50%);
        transform: translate(-5%,-50%);
    }

    .why_us_title {
        margin-bottom: 0px;
    }

    .home_description_flickity_row {
        padding-bottom: 1vh;
    }
    .invest_as_you_spend_card_image{
        display:none !important;
    }
    .subscribe-to-market-container{
        flex-direction: column;
        margin-bottom: calc(100vh * (75 / var(--screenHeight)));
        .subscribe-content{
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            #subscribe-icon, #subscribe-description{
                margin-right: 0px;
            }
        }
        #subscribe-form{
            flex-direction: row;
            margin-top: 30px;
            margin-left: 0px;
            #subscribe-email{
                width: 450px;
            }
        }
    }
    .landing_main_content_heading{
        font-size: calc(100vh * (35 / var(--mobileScreenHeight)));
        line-height: calc(100vh * (40 / var(--mobileScreenHeight)));
    }

    .landing_main_content_btn_container{
        justify-content: center;
    }

    .landing_main_content_founder{
        justify-content: center;
        margin-top: 40px;
    }

    .home_info_content_container_fluid {
        span {
            font-size: calc(100vh * (36 / var(--mobileScreenHeight)));
        }
    }

    .home_description_flickity_cell{
        transform: scale(0.9);
    }

    .home_description_flickity_cell.is-selected {
        transform: scale(1.10);
    }

    .features-table-container {
        transform: scale(0.90);
    }

    .home-table-feature-btn-container{
        margin-top: 0px;
    }
}

/* Mobile */
@media only screen and (min-device-width: 320px) and (max-device-width: 680px) {
    .podcast_news_blog_mobile_content_carousel_item_card_content {
        margin-left: 10px;
    }
}

/*<------------------------ ABOUT US ---------------------- -->*/

        .aboutus .landing_main_content_title {
    display: flex;
    width: 100%;
    font-size: var(--headingFontSize);
    font-weight: 700;
    line-height: var(--headingLineHeight);
    letter-spacing: 0em;
    text-align: left;
    color: #1a1a1a;
}

.aboutus .landing_main_video {
    display: flex;
    width: 100%;
    height: max-content;
    flex-direction: column;
    align-items: center;
}

.aboutus .landing_main_video_content {
    display: flex;
    width: 100%;
    height: auto;
}

.aboutus .landing_main_video_title {
    display: flex;
    font-size: calc(100vh * (24 / var(--screenHeight)));
    font-weight: 600;
    line-height: calc(100vh * (32 / var(--screenHeight)));
    letter-spacing: 0em;
    text-align: left;
    margin-top: calc(100vh * (16 / var(--screenHeight)));
}

.aboutus .landing_stats_content {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: calc(100vh * (24 / var(--screenHeight)));
    background: #ffffff;
    border: 1.00715px solid #eeeeee;
    box-shadow: 0px 4.02859px 12.0858px rgba(0, 0, 0, 0.04);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(100vh * (32 / var(--screenHeight))) calc(100vw * (12 / var(--screenWidth)));
}

.aboutus .landing_stats_content_img {
    display: flex;
    width: auto;
    height: 5vh;
}

.aboutus .landing_stats_content_title {
    display: flex;
    width: 100%;
    font-size: calc(100vh * (18 / var(--screenHeight)));
    font-weight: 600;
    line-height: calc(100vh * (24 / var(--screenHeight)));
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
    margin-top: calc(100vh * (24 / var(--screenHeight)));
    justify-content: center;
}

/* <------- FOUNDED BY -------> */
.aboutus .founded_by_main {
    display: flex;
    width: 100%;
    height: max-content;
    flex-direction: column;
    margin: calc(100vh * (200 / var(--screenHeight))) 0px;
}

.aboutus .founded_by_main_title {
    font-size: var(--headingFontSize);
    font-weight: 700;
    line-height: var(--headingLineHeight);
    letter-spacing: 0em;
    text-align: left;
    color: #1a1a1a;
}

    .aboutus .founded_by_main_title span {
        color: rgba(25, 126, 235, 1);
    }

.aboutus .founded_by_main_description {
    width: 100%;
    font-size: var(--bodyContentLargeFontSize);
    font-weight: 400;
    line-height: var(--bodyContentLargeLineHeight);
    letter-spacing: 0em;
    text-align: left;
    color: #aaaaaa;
    margin-top: calc(100vh * (20 / var(--screenHeight)));
}

.aboutus .founded_by_content_row {
    margin-top: calc(100vh * (100 / var(--screenHeight)));
}

.aboutus .founded_by_content {
    display: flex;
    width: 100%;
    height: max-content;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(100vh * (50 / var(--screenHeight))) 0px;
    background: #ffffff;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.06);
    border-radius: calc(100vh * (24 / var(--screenHeight)));
}

.aboutus .founded_by_content_img {
    display: flex;
    width: auto;
    height: 6vh;
}

.aboutus .founded_by_content_value {
    display: flex;
    font-size: calc(100vh * (20 / var(--screenHeight)));
    font-weight: 600;
    line-height: calc(100vh * (32 / var(--screenHeight)));
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    margin-top: calc(100vh * (30 / var(--screenHeight)));
}

.aboutus .founded_by_content_value_first {
    margin-top: calc(100vh * (60 / var(--screenHeight)));
}

/* <------- LEADERSHIP TEAM -------> */
.aboutus .leadership_team_main {
    display: flex;
    width: 100%;
    height: max-content;
    flex-direction: column;
    align-items: center;
}

.aboutus .leadership_team_main_title {
    display: flex;
    font-size: calc(100vh * (48 / var(--screenHeight)));
    line-height: calc(100vh * (56 / var(--screenHeight)));
    font-weight: 700;
    color: #1a1a1a;
}

.aboutus .leadership_team_content_row {
    margin-top: calc(100vh * (100 / var(--screenHeight)));
}

.aboutus .leadership_team_content {
    display: flex;
    width: 100%;
    height: max-content;
    flex-direction: column;
}

.aboutus .leadership_team_content_title {
    font-size: var(--headingFontSize);
    font-weight: 700;
    line-height: var(--headingLineHeight);
    letter-spacing: 0em;
    text-align: left;
    color: #1a1a1a;
}

.aboutus .leadership_team_content_description {
    font-size: var(--bodyContentLargeFontSize);
    font-weight: 400;
    line-height: var(--bodyContentLargeLineHeight);
    letter-spacing: 0em;
    text-align: left;
    color: #aaaaaa;
    margin-top: calc(100vh * (30 / var(--screenHeight)));
}

.aboutus .leadership_team_content_image {
    display: flex;
    width: 100%;
    max-width: 530px;
    height: auto;
    object-fit: cover;
    border-radius: calc(100vh * (24 / var(--screenHeight)));
}


@media only screen and (max-width: 768px) {
    .aboutus .landing_main_content_title {
        justify-content: center;
    }

    .aboutus .landing_main_content_description {
        text-align: center;
    }

    .aboutus .landing_main_video {
        margin-top: calc(100vh * (20 / var(--mobileScreenHeight)));
    }

    .aboutus .landing_stats_content_col {
        margin: calc(100vh * (10 / var(--mobileScreenHeight))) calc(100vw * (20 / var(--mobileScreenWidth)));
    }

    .aboutus .founded_by_main_title {
        display: flex;
        flex-direction: column;
    }

    .aboutus .founded_by_main {
        margin-top: calc(100vh * (80 / var(--mobileScreenHeight)));
        margin-bottom: calc(100vh * (80 / var(--mobileScreenHeight)));
    }

    .aboutus .founded_by_content_row {
        margin-top: calc(100vh * (40 / var(--mobileScreenHeight)));
    }

    .aboutus .founded_by_content_col {
        margin-bottom: calc(100vh * (20 / var(--mobileScreenHeight)));
    }

    .aboutus .leadership_team_main_title {
        font-size: var(--headingFontSize);
        line-height: var(--headingLineHeight);
    }

    .aboutus .leadership_team_content_row_mobile {
        display: flex;
        flex-direction: column-reverse;
    }

    .aboutus .leadership_team_content_title {
        font-size: calc(100vh * (28 / var(--mobileScreenHeight)));
        line-height: calc(100vh * (36 / var(--mobileScreenHeight)));
        font-weight: 600;
        margin-top: calc(100vh * (20 / var(--mobileScreenHeight)));
    }
}


header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 12;
    font-family: "Open Sans";
    box-sizing: border-box;
}
    /* 
 * <------------ HEADER BANNER ------------>
*/

    header .header_banner_container {
        background: #D9E0E6;
        border-bottom: 1px solid #eeeeee;
        display: flex;
        justify-content: center;
        position: relative;
    }

    header .header_banner_main {
        display: flex;
        width: 100%;
        height: calc(100vh * (36 / var(--screenHeight)));
        position: relative;
        overflow: hidden;
        flex-direction: column;
        align-items: center;
    }

    header .header_banner_main_inner_container {
        display: flex;
        width: 100%;
        height: calc(100vh * (36 / var(--screenHeight)));
        /*justify-content: space-between;*/
        justify-content:center;
        align-items: center;
        padding: calc(100vh * (8 / var(--screenHeight))) 0px;
    }

    header .header_banner_content {
        display: flex;
        width: max-content;
        height: max-content;
        align-items: center;
        margin: 0px 5vh;
    }

    header .header_banner_content_title {
        display: flex;
        font-size: calc(100vh * (16 / var(--screenHeight)));
        line-height: calc(100vh * (20 / var(--screenHeight)));
        font-weight: 500;
        letter-spacing: 0em;
        text-align: left;
        color: #666666;
    }

    header .header_banner_content_initial_title {
        display: flex;
        font-size: calc(100vh * (16 / var(--screenHeight)));
        line-height: calc(100vh * (20 / var(--screenHeight)));
        font-weight: 500;
        letter-spacing: 0em;
        text-align: left;
        color: black;
        margin: 0px 3vh;
        width: 15%;
        justify-content: center;
    }

    header .header_banner_content_value {
        display: flex;
        font-weight: 500;
        font-size: calc(100vh * (14 / var(--screenHeight)));
        line-height: calc(100vh * (19 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        margin-left: 12px;
        color: #666666;
    }

    header .header_banner_content_trend_icon {
        display: flex;
        width: auto;
        height: clamp(6px, calc(100vh * (8 / var(--screenHeight))), 10px);
        margin-left: 12px;
    }

    header .header_banner_content_trend_icon_neutral {
        display: flex;
        width: auto;
        height: clamp(2px, calc(100vh * (3 / var(--screenHeight))), 5px);
        margin-left: 12px;
        margin-bottom: 2px;
    }

    header .header_banner_content_trend_icon-up path {
        fill: #54af6e;
    }

    header .header_banner_content_trend_icon-down {
        transform: rotate(180deg);
    }

        header .header_banner_content_trend_icon-down path {
            fill: #f95929;
        }

    header .header_banner_content_trend_value {
        display: flex;
        font-weight: 500;
        font-size: calc(100vh * (14 / var(--screenHeight)));
        line-height: calc(100vh * (19 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        margin-left: 12px;
    }

    header .header_banner_content_trend_value-up {
        color: #54af6e;
    }

    header .header_banner_content_trend_value-down {
        color: #f95929;
    }

    header .header_banner_content_trend_value-neutral {
        color: #aaaaaa;
    }

    header .header_banner_content_trend_percent {
        display: flex;
        font-weight: 500;
        font-size: calc(100vh * (14 / var(--screenHeight)));
        line-height: calc(100vh * (19 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        margin-left: 12px;
    }

    header .header_banner_content_trend_percent-up {
        color: #54af6e;
    }

    header .header_banner_content_trend_percent-down {
        color: #f95929;
    }

    header .header_banner_content_trend_percent-neutral {
        color: #aaaaaa;
    }

    /* 
   * <------------ HEADER NAVBAR ------------>
  */

    header .header_navbar_container {
        display: flex;
        width: 100%;
        z-index: 10;
        height: max-content;
        background-color: #ffffff;
        border-bottom: 1px solid #eeeeee;
        justify-content: space-between;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.04);
    }

    header .header_nav_bar_main {
        display: flex;
        width: 100%;
        height: max-content;
        /*padding: calc(100vh * (5 / var(--screenHeight))) calc(100vh * (30 / var(--screenHeight)));*/
        border-radius: calc(100vh * (20 / var(--screenHeight)));
        align-items: center;
        position: relative;
    }

    header .header_nav_bar_main_col {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: max-content;
    }

    header .header_nav_bar_main_shadowed {
        border: 1px solid #eeeeee;
        box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.06);
    }

    /*header .header_nav_bar_logo {
        display: flex;
        height: 6.3vh;
        width: auto;
    }*/

    header .header_nav_bar_action_button {
        display: flex;
        width: max-content;
        height: max-content;
    }

    header .header_nav_bar_links {
        display: flex;
        width: max-content;
        height: max-content;
        justify-content: center;
        align-items: center;
    }

    header .dropdown:hover > .dropdown-menu {
        display: block;
        background-color: transparent;
        border: none;
        padding-top: 4vh;
        transform: translate(-20px, -25px);
    }

    header .dropdown > .dropdown-toggle:active {
        pointer-events: none;
    }

    header .dropdown-menu {
        margin: 0px !important;
        box-shadow: none !important;
    }

    header .dropdown-toggle::after {
        display: none;
    }

    header .header_nav_bar_action_login {
        display: flex;
        font-weight: 600;
        font-size: calc(100vh * (16 / var(--screenHeight)));
        line-height: calc(100vh * (20 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        color: #197eeb;
        padding: calc(100vh * (8 / var(--screenHeight))) calc(100vh * (16 / var(--screenHeight)));
        border-radius: 100px;
        background: #ffffff;
        border: 1px solid #197eeb;
        align-items: center;
        cursor: pointer;
    }

    header .header_nav_bar_action_signup {
        display: flex;
        font-weight: 600;
        font-size: calc(100vh * (16 / var(--screenHeight)));
        line-height: calc(100vh * (20 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        color: #ffffff;
        padding: calc(100vh * (8 / var(--screenHeight))) calc(100vh * (16 / var(--screenHeight)));
        border-radius: 100px;
        background: #197eeb;
        align-items: center;
        margin-left: calc(100vw * (12 / var(--screenWidth)));
        cursor: pointer;
    }

        header .header_nav_bar_action_signup:hover {
            background-color: #197febef;
        }

    header .header_nav_bar_action_myaccount {
        display: flex;
        font-weight: 600;
        font-size: calc(100vh * (16 / var(--screenHeight)));
        line-height: calc(100vh * (20 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        color: #ffffff;
        padding: calc(100vh * (8 / var(--screenHeight))) calc(100vh * (16 / var(--screenHeight)));
        border-radius: 100px;
        background: #197eeb;
        align-items: center;
        margin-left: calc(100vw * (12 / var(--screenWidth)));
        cursor: pointer;
    }

        header .header_nav_bar_action_myaccount:hover {
            background-color: #197febef;
        }

    header .header_nav_bar_link_container {
        display: flex;
        width: 100%;
        height: max-content;
        align-items: center;
        margin: 0px 40px;
        justify-content: space-between;
        a {
            text-decoration: none;
            color: #000000;
        }
        a:hover {
            text-decoration: none;
            color: #197eeb;
        }
    }

    header .header_nav_bar_link {
        display: flex;
        font-size: calc(100vh * (16 / var(--screenHeight)));
        line-height: calc(100vh * (20 / var(--screenHeight)));
        font-weight: 500;
        letter-spacing: 0em;
        text-align: left;
        margin-right: calc(100vw * (40 / var(--screenWidth)));
        position: relative;
        width: max-content;
        cursor: pointer;
    }

    header .header_nav_bar_link_toggle {
        padding: 8px;
    }

    header .header_nav_bar_link:first-child {
        margin-left: 0px;
    }

    header .header_nav_bar_link:hover {
        color: #197eeb;
    }
    header .header_nav_bar_link_dropdown_container {
        display: flex;
        flex-direction:column;
        width: max-content;
        height: max-content;
        background-color: #D9E0E6;
        border-radius: 0px 20px 20px;
        padding: 10px 0px;
    }

    header .header_nav_bar_link_dropdown_content{
        padding: 10px 40px;
        text-decoration: none;
        color: #000000;
        font-size: calc(100vh * (16 / var(--screenHeight)));
        line-height: calc(100vh * (20 / var(--screenHeight)));
        span{
                font-size: calc(100vh * (14 / var(--screenHeight)));
                opacity: 0.5;
            }
    }

    header .header_nav_bar_link_dropdown_content:hover{
        text-decoration: none;
        color: #197eeb;
        background-color: #FFFFFF;
    }

    header .header_nav_bar_link_creditcard {
        font-size: calc(100vh * (16 / var(--screenHeight)));
        line-height: calc(100vh * (20 / var(--screenHeight)));
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        span{
                color: #8D724E;
            }
    }

    header .header_nav_bar_link_learn_dropdown_container {
        display: flex;
        width: max-content;
        height: max-content;
        background-color: #ffffff;
        border: 1px solid #eeeeee;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.04);
        padding: calc(100vh * (24 / var(--screenHeight)));
        border-radius: calc(100vh * (16 / var(--screenHeight)));
    }

    header .header_nav_bar_link_learn_dropdown_content {
        display: flex;
        width: max-content;
        height: max-content;
        flex-direction: column;
        margin-left: calc(100vw * (72 / var(--screenWidth)));
    }

        header .header_nav_bar_link_learn_dropdown_content:first-child {
            margin-left: 0px;
        }

    header .header_nav_bar_link_learn_dropdown_content_heading {
        display: flex;
        font-size: calc(100vh * (16 / var(--screenHeight)));
        font-weight: 600;
        line-height: calc(100vh * (21 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        color: #197eeb;
        padding-bottom: calc(100vh * (6 / var(--screenHeight)));
        border-bottom: 1px solid #f5f5f5;
        margin-bottom: calc(100vh * (12 / var(--screenHeight)));
    }

    header .header_nav_bar_link_learn_dropdown_content_link {
        display: flex;
        font-size: calc(100vh * (16 / var(--screenHeight)));
        font-weight: 500;
        line-height: calc(100vh * (24 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        color: #aaaaaa;
        margin-bottom: calc(100vh * (12 / var(--screenHeight)));
        align-items: center;
    }

    header .header_nav_bar_link_learn_dropdown_content_link_new {
        display: flex;
        padding: 2px 6px;
        background-color: #197eeb;
        color: #ffffff;
        margin-left: 8px;
        font-size: calc(100vh * (10 / var(--screenHeight)));
        font-weight: 500;
        line-height: calc(100vh * (18 / var(--screenHeight)));
        border-radius: 2px;
    }

    header .header_nav_bar_link_products_dropdown_container {
        display: flex;
        flex-direction: column;
        width: max-content;
        height: max-content;
        background-color: #ffffff;
        border: 1px solid #eeeeee;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.04);
        padding: calc(100vh * (24 / var(--screenHeight)));
        border-radius: calc(100vh * (16 / var(--screenHeight)));
    }

    header .header_nav_bar_link_products_dropdown_content {
        display: flex;
        width: max-content;
        height: max-content;
        padding-bottom: calc(100vh * (10 / var(--screenHeight)));
        margin-bottom: calc(100vh * (10 / var(--screenHeight)));
        border-bottom: 1px solid #f5f5f5;
    }

    header .header_nav_bar_link_products_dropdown_content_img {
        display: flex;
        width: auto;
        height: calc(100vh * (38 / var(--screenHeight)));
    }

    header .header_nav_bar_link_products_dropdown_content_text {
        display: flex;
        width: max-content;
        height: max-content;
        flex-direction: column;
        margin-left: calc(100vw * (20 / var(--screenWidth)));
    }

    header .header_nav_bar_link_products_dropdown_content_text_title {
        display: flex;
        font-size: calc(100vh * (12 / var(--screenHeight)));
        font-weight: 700;
        line-height: calc(100vh * (14 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        color: #197eeb;
        margin-bottom: calc(100vh * (6 / var(--screenHeight)));
    }

    header .header_nav_bar_link_products_dropdown_content_text_dscription {
        display: flex;
        font-size: calc(100vh * (13 / var(--screenHeight)));
        font-weight: 400;
        line-height: calc(100vh * (16 / var(--screenHeight)));
        letter-spacing: 0em;
        text-align: left;
        color: #aaaaaa;
    }

@media only screen and (max-width: 768px) {
    header .header_banner_main {
        flex-direction: row;
        align-items: center;
        width: max-content;
    }

    header .header_banner_content_title {
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
    }

    header .header_banner_content_value,
    header .header_banner_content_trend_percent,
    header .header_banner_content_trend_value {
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        margin-left: 5px;
    }
    header .header_banner_content_value .metalAsk{
        margin-right: 8px;
    }
    header .header_banner_content_trend_icon {
        margin-bottom: 4px;
        margin-left: 0px;
    }

    header .header_navbar_container {
        padding: 0px;
    }

    header .header_navbar_container_main {
        padding: 0px;
    }

    header .header_banner_content {
        margin-right: 40px;
        margin: 0px 3vh;
    }

    header .header_nav_bar_main {
        display: flex;
        padding: 16px;
        backdrop-filter: none;
        border: none;
        border-radius: 0px;
        width: 100vw;
        justify-content: space-between;
    }

    header .header_nav_bar_logo {
        display: flex;
        height: 6vh;
        width: auto;
    }

    header .header_nav_bar_action_login {
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        padding: 6px 12px;
    }

    header .header_nav_bar_action_signup {
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        padding: 6px 12px;
    }

    header .header_nav_bar_action_myaccount {
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        padding: 6px 12px;
    }

    header .header_navbar_container {
        width: 100vw;
    }

    header .header_nav_bar_hamburger_container {
        display: flex;
        width: max-content;
        height: max-content;
        padding: 12px;
    }

    header .header_nav_bar_hamburger {
        display: flex;
        height: 13px;
        width: auto;
    }

    header .header_nav_bar_link_products_dropdown_content {
        width: 100%;
    }

    header .header_nav_bar_link_products_dropdown_content_text {
        margin-left: 5vw !important;
    }
}

/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    header .header_nav_bar_main {
        padding-left: 0px;
    }

    header .header_nav_bar_action_signup,
    header .header_nav_bar_action_login,
    header_nav_bar_action_myaccount {
        width: max-content;
        font-size: 18px;
        line-height: 20px;
        padding: 12px 48px;
    }

    header .header_nav_bar_link_container {
        display: none !important;
    }

    header #hamburger_content {
        display: flex !important;
    }

    header .header_nav_bar_hamburger_container {
        display: flex !important;
    }

    header #hamburger_content .sider_main_content_action_signup,
    header #hamburger_content .sider_main_content_action_login {
        width: max-content;
        font-size: 18px;
        line-height: 20px;
        padding: 12px 48px;
    }

    header .sider_main_content_link_item,
    header .sider_sub_menu_content {
        font-size: 24px !important;
        line-height: 26px !important;
    }
}

/* 
* <------------ SIDE BAR ------------>
*/
header .sider_main_container {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 20;
    background-color: #FFFFFF;
    overflow-y: scroll;
    transform: translateX(100%);
}

header .sider_main_container_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: max-content;
}

header .sider_main_head {
    display: flex;
    width: 100%;
    height: max-content;
    justify-content: end;
    padding: calc(100vh * (20 / var(--screenHeight))) 5vw;
}

header .sider_head_logo {
    display: flex;
    height: 6vh;
    width: auto;
}

header .sider_head_close_button_container {
    display: flex;
    width: max-content;
    height: max-content;
    padding: 12px;
}

header .sider_head_close_button {
    display: flex;
    width: 16px;
    height: auto;
}

header .sider_main_content {
    display: flex;
    width: 100%;
    height: max-content;
    flex-direction: column;
    align-items: center;
    color: #000000;
    padding: 0px 15px;
}

header .sider_main_content_action {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: max-content;
    padding: 0px 15px;
    margin-top: 10vh;
}

header .sider_main_content_action_login {
    display: flex;
    width: 100%;
    height: max-content;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #197EEB;
    background-color: #ffffff;
    border: 1px solid #197EEB;
    border-radius: 1000px;
    padding: 10px 16px;
    justify-content: center;
}

header .sider_main_content_action_myaccount {
    display: flex;
    width: 100%;
    height: max-content;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #197EEB;
    background-color: transparent;
    border-radius: 1000px;
    padding: 10px 16px;
    border: 1px solid #197EEB;
    margin-left: 8px;
    justify-content: center;
}

header .sider_main_content_action_signup {
    display: flex;
    width: 100%;
    height: max-content;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #ffffff;
    background-color: #197EEB;
    border-radius: 1000px;
    padding: 10px 16px;
    border: 1px solid #ffffff;
    margin-left: 8px;
    justify-content: center;
}

header .sider_main_content_links {
    display: flex;
    width: 100%;
    height: max-content;
    flex-direction: column;
    margin-top: calc(100vh * (42 / var(--screenHeight)));
    align-items: center;
}

header .sider_main_content_link_item {
    display: flex;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
    padding: calc(100vh * (18 / var(--screenHeight))) 0px;
    align-items: center;
    border-top: 1px solid #D9E0E6;
}

header .sider_main_content_link_item:last-child{
    border-bottom: 1px solid #D9E0E6;
}

header .sider_main_content_link_item_arrow {
    display: flex;
    margin-left: 6px;
    height: 5px;
    width: auto;
}

header .sider_main_content_link_item_learn_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: max-content;
    margin-bottom: 12px;
}

header .sider_main_content_link_item_learn_content_heading {
    display: flex;
    width: 100%;
    height: max-content;
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #197eeb;
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 1px solid #f5f5f5;
}

header .sider_main_content_link_item_learn_content_link {
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #aaaaaa;
    margin-bottom: 8px;
    align-items: center;
}

header .sider_main_content_link_item_learn_content_link_new {
    display: flex;
    width: max-content;
    height: max-content;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    padding: 4px 4px;
    background-color: #197eeb;
    border-radius: 2px;
    color: #ffffff;
    margin-left: 2px;
}


header #sider_main_content_link_item_credit_card {
    color: #8D724E;
}

header .sider_sub_menu_content {
    margin-top: 6vh;
}

header .sider_main_content_link_item_howitworks,
header .sider_main_content_link_item_product,
header .sider_main_content_link_item_resources,
header .sider_main_content_link_item_services,
header .sider_main_content_link_item_learn {
    div{
           border-bottom: 1px solid #D9E0E6;
    }
}
/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    header #header_banner_main_inner_container-web.header_banner_main_inner_container {
        display: none;
    }
    header .header_banner_content.header_banner_content_web {
        transform: initial !important;
        margin: 0px 5px 0px 5px;
    }
    header .header_nav_bar_link {
        font-size: 16px;
        line-height: 22px;
        margin-right: 9px;
    }
    header .header_banner_content_value,
    header .header_banner_content_trend_value,
    header .header_banner_content_trend_percent {
        margin-left: 8px;
    }
    header .header_banner_content_trend_icon {
        margin-bottom: 0px;
        margin-left: 5px;
    }

    header .header_banner_content_title,
    header .header_banner_content_value,
    header .header_banner_content_trend_value,
    header .header_banner_content_trend_percent {
        font-size: 16px;
    }
 }

/* 
 * <------------ FOOTER ------------>
*/
footer {
    font-family: "Open Sans";
}
footer .footer_container {
    padding: 50px 85px 50px 85px; /*calc(100vh * (120 / var(--screenHeight))) 5vw;*/
    background-color: #f2f4f8;
}

footer .footer_content {
    display: flex;
    width: 100%;
    height: max-content;
    font-size: 16px; 
    line-height: 18px;
    flex-direction: column;
    #top-section{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 0px 15px 70px;
    }
    #footer-links{
          display: flex;
          flex-direction: row;
          align-items: start;
          justify-content: space-around;
          margin: 0px 15px 50px;
          .footer_links_group{
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
        }
    }
    #bottom-section{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        #left, #right{
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            font-weight: 400;
            color: #000000;
            a{
                 color: #000000;
             }
             a:hover{
                 color: #197EEB;
             }
        }
        #right{
            span{
                margin-right: 40px;
            }
            .footer_bottom_link_container{
                display: flex;
                flex-direction: row;
                justify-content: center;
            }
        }
    }
}

footer .footer-tailend-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 100px;
    width: 100%;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    background-color: #000000;
    a{
         color: #FFFFFF;
     }
}

footer .footer_logo {
  display: flex;
  width: 100%;
  height: auto;
}

footer .footer_content_text {
  display: flex;
  margin-top: calc(100vh * (8 / var(--screenHeight)));
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #869AB8;
}

footer .footer_content_social {
  display: flex;
  width: max-content;
  height: max-content;
  margin-top: calc(100vh * (8 / var(--screenHeight)));
}

footer .footer_content_social_img {
  display: flex;
  width: auto;
  height: calc(100vh * (24 / var(--screenHeight)));
  margin-right: calc(100vh * (15 / var(--screenHeight)));
  cursor: pointer;
  transition: 0.2s all ease-in;
}

footer .footer_content_social_img:hover .footer_content_social_img_path {
  fill: #197eeb;
  transition: 0.2s all ease-out;
}

footer .footer_content_store {
  display: flex;
  width: 100%;
  height: max-content;
  justify-content: flex-end;
  align-items: center;
}

footer .footer_content_store_container {
  display: flex;
  width: max-content;
  height: max-content;
  padding: 5px 10px;
  border-radius: 8px;
  background-color: #000000;
  justify-content: center;
  cursor: pointer;
  margin-right: calc(100vh * (20 / var(--screenHeight)));
}

footer .footer_content_store_img {
  display: flex;
  width: auto;
  height: calc(100vh * (32 / var(--screenHeight)));
}

footer .footer_content_store_container:hover {
  background-color: #272727;
}

footer .footer_content_nav_title {
  display: flex;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #1a1a1a;
  margin-bottom: 24px;
}

footer .footer_content_nav_link {
  display: flex;
  font-weight: 400;
  font-size: 16px;
  line-height: 18.75px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 24px;
  color: #869AB8;
}

footer .footer_content_link {
  display: flex;
  height: max-content;
  justify-content: center;
}

footer .footer_content_link_container {
  display: flex;
  flex-direction: column;
  width: max-content;
  height: max-content;
}

footer .get_market_news_email {
    width: 80%;
}
footer .get_market_news_email_input{
    font-size: calc(100vh * (15 / var(--screenHeight)));
}
footer .get_market_news_email_btn {
    padding: 10px 20px;
    font-size: calc(100vh * (15 / var(--screenHeight)));
}
footer .footer-bottom {
    padding-left:85px;
    padding-right:85px;
}
footer .footer-bottom .footer_content_text{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #6F7E9B;
}
    
/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    footer .footer_logo {
        height: auto;
        width: 100%;
    }
    footer .footer_content_nav_title{
        font-size: 22px;
    }
    footer .footer_content_text {
        font-size: 22px;
    }
    footer .footer_content_nav_link {
        font-size: 22px;
    }
    footer .footer_content_store {
        margin-top: 100px;
    }
}

/*GET MARKET NEWS*/
.get_market_news_main {
    display: flex;
    width: 100%;
    height: max-content;
    flex-direction: column;
    align-items: center;
    margin-bottom: calc(100vh * (80 / var(--screenHeight)));
    margin-top: calc(100vh * (80 / var(--screenHeight)));

}

.get_market_news_title {
    display: flex;
    font-weight: 700;
    font-size: var(--headingFontSize);
    line-height: var(--headingLineHeight);
    letter-spacing: 0em;
    text-align: left;
    color: #1a1a1a;
}

.get_market_news_description {
    display: flex;
    font-weight: 400;
    font-size: calc(100vh * (24 / var(--screenHeight)));
    line-height: calc(100vh * (32 / var(--screenHeight)));
    letter-spacing: 0em;
    text-align: center;
    color: #aaaaaa;
    margin-top: calc(100vh * (20 / var(--screenHeight)));
    width: 50%;
}
.get_market_news_email {
    display: flex;
    /*width: 50%;
    height: max-content;*/
    border-radius: 1000px;
    padding-left: calc(100vw * (30 / var(--screenWidth)));
    background-color: #ffffff;
    box-shadow: 0px calc(100vh * (4 / var(--screenHeight))) calc(100vh * (12 / var(--screenHeight))) rgba(0, 0, 0, 0.08);
    margin-top: calc(100vh * (10 / var(--screenHeight)));
    justify-content: space-between;
    position: relative;
}
.get_market_news_email form {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative;
}

.get_market_news_email_input {
    display: flex;
    color: #1a1a1a;
    border: none;
    outline: none;
    width: 55%;
    font-weight: 400;
    font-size: calc(100vh * (18 / var(--screenHeight)));
    line-height: calc(100vh * (20 / var(--screenHeight)));
    letter-spacing: 0em;
    text-align: left;
    border: 1px solid #94A3B8;
    border-radius: 8px;
    padding: 12px 8px;
    height: max-content;
}

.get_market_news_email_input::placeholder {
    color: #cacaca;
}

.get_market_news_email_input:-webkit-autofill,
.get_market_news_email_input:-webkit-autofill:hover,
.get_market_news_email_input:-webkit-autofill:focus,
.get_market_news_email_input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    box-shadow: 0 0 0 30px white inset !important;
}

.get_market_news_email_button,
.get_market_news_email_btn {
    display: flex;
    width: max-content;
    height: max-content;
    padding: calc(100vh * (16 / var(--screenHeight))) calc(100vh * (32 / var(--screenHeight)));
    background-color: #197eeb;
    border-radius: 1000px;
    color: #ffffff !important;
    font-size: calc(100vh * (20 / var(--screenHeight)));
    line-height: calc(100vh * (24 / var(--screenHeight)));
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
    cursor: pointer;
}

.get_market_news_email_button:hover,
.get_market_news_email_btn:hover {
    background-color: #197febef;
}

 .landing_main_content_email_error_message {
    position: absolute;
    bottom: 0;
    left: 20;
    transform: translate(0%, 150%);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: tomato;
}

@media only screen and (max-width: 768px) {
    footer .footer_container{
        padding: 50px 15px;
        .footer_content{
            #top-section{
                flex-direction: column;
                align-items: start;
                .footer_content_store{
                    flex-direction: column;
                    align-items: start;
                    margin-top: 26px;
                    .footer_content_store_container{
                        margin-top: 24px;
                    }
                }
            }
            
            #footer-links{
                flex-direction: column;
                .footer_links_group{
                    flex-direction: column;
                    justify-content: start;
                    .footer_content_link{
                        flex-direction: column;
                        justify-content: start;
                        .footer_content_link_container{
                            margin: 10px 0px;
                            .footer_content_nav_title{
                                margin: 5px 0px;
                            }
                            a.footer_content_nav_link{
                                margin: 5px 0px;
                            }
                        }
                    } 
                }
            }

            #bottom-section{
                flex-direction: column;
                #right{
                    margin-top: 20px;
                    width: 100%;
                    flex-direction: column-reverse;
                    .footer_bottom_link_container{
                        margin: 20px 0px;
                        width: 100%;
                        #middle{
                            margin: 0px 12px;
                        }
                    }
                    span{
                        margin-right: 0px;
                    }
                    #big-logo{
                        display: none !important;
                    }
                    #big-logo-mobile{
                        display: inline !important;
                    }
                }
            }
        }

    }
    footer .footer-tailend-banner {
        flex-direction: column;
        font-size: 14px;
        padding-left: 30px;
        padding-right: 30px;
    }

  /*GET MARKET NEWS*/

    .get_market_news_title {
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        width: 80%;
    }

    .get_market_news_description {
        margin-top: 16px;
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: center;
        width: 80%;
    }

    .get_market_news_email_button,
    .get_market_news_email_btn {
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        padding: 14px 16px;
    }

    .get_market_news_email_input {
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        border-radius: 8px;
        padding-left: 8px;
    }

    .get_market_news_email {
        margin-top: 16px;
        width: 100%;
    }

    .get_market_news_main {
        margin-bottom: 120px;
    }
}



/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .get_market_news_email_button,
    .get_market_news_email_btn {
        font-size: 28px;
    }
    .get_market_news_title {
        font-size: 46px;
    }

    .get_market_news_description,
    .get_market_news_email {
        width: 100%;
    }
    footer .footer-tailend-banner {
        flex-direction: row;
        padding: 14px 50px;
    }

    footer .footer_container{
        padding: 30px 40px;
        .footer_content{
            #top-section{
                flex-direction: row;
                align-items: start;
                .footer_content_store{
                    flex-direction: row;
                    align-items: start;
                    margin-top: 0px;
                    .footer_content_store_container {
                        margin-right: 0px;
                        margin-left: 10px;
                    }
                }
            }
            
            #footer-links{
                flex-direction: column;
                .footer_links_group{
                    width: 100%;
                    justify-content: space-between;
                    margin-top: 10px;
                   .footer_content_link {
                         width: 260px;
                         justify-content: start;
                        .footer_content_link_container{
                            margin: 10px 0px;
                        .footer_content_nav_title{
                            margin: 5px 0px;
                        }
                        a.footer_content_nav_link{
                            margin: 5px 0px;
                        }
                    }
                   }
                }
            }

            #bottom-section{
                flex-direction: column;
                #right{
                    margin-top: 20px;
                    width: 100%;
                    flex-direction: column-reverse;
                    .footer_bottom_link_container{
                        margin: 20px 0px;
                        width: 100%;
                        #middle{
                            margin: 0px 12px;
                        }
                    }
                    span{
                        margin-right: 0px;
                    }
                    #big-logo{
                        display: none !important;
                    }
                    #big-logo-mobile{
                        display: inline !important;
                    }
                }
            }
        }
    }
}

/*
    About Us
*/
    .about-onegold-section{
        padding: 100px 100px 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 400;
        #heading{
            text-align: center;
            margin-bottom: 40px;
            #title{
                font-size: 48px;
                font-weight: 700;
            }
        }
        .features-container{
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-around;
            width: 80%;
            .feature-row{
                display: flex;
                flex-direction: row;
                width: 100%;
                justify-content: space-around;
            }
            .feature{
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-align: center;
                padding: 0px 30px;
                #feature-img{
                    margin-bottom: 20px;
                }
                h3{
                    font-size: 24px;
                    line-height: 25px;
                    font-weight: 700;
                }
                span{
                    font-size: 18px;
                    font-weight: 400;
                }
            }
        }
    }

    .our-story-section{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 40px 0px;
        background-color: #E1EDFF;
        .title-container{
            margin: 40px 0px;
            text-align: center;
            width: 800px;
            h2{
                font-size: 48px;
            }
            span{
                font-size: 18px;
                font-weight: 400;
            }
        }
        .timeline-container{
            display: flex;
            flex-direction: column;
            width: 720px;
            .timeline-content{
                display: flex;
                flex-direction: row;
                align-items: start;
                height: 156px;
                #left{
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    #year{
                        background-color: #197EEB;
                        border-radius: 8px;
                        padding: 5px 22px;
                        span{
                            font-size: 24px;
                            font-weight: 700;
                            color: #FFFFFF;
                        }

                    }
                    .vertical{
                        border-left: 3px solid #197EEB;
                        height: 120px;
                    }
                }
                #right{
                    margin-left: 20px;
                    padding: 2px;
                    h3{
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 25px;
                    }
                    span{
                        font-size: 18px;
                        font-weight: 400;
                        color: #666666;
                    }
                }
            }
        }
        .learn-about-big-container{
            width: 720px;
            background-color: #FFFFFF;
            padding: 40px;
            margin-bottom: 40px;
            color: #D0A04F;
            border: 1px solid #D0A04F;
            border-radius: 8px;
            text-align: center;
            #heading{
                font-size: 24px;
                font-weight: 400;
                color: #000000;
            }
            #learn-more-link{
                margin-top: 10px;
                cursor: pointer;
            }
        }
    }

    .our-values-section{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 80px 100px;
        text-align: center;
        background-color: #FFFBF5;
        .header-container{
            h2{
                font-size: 48px;
                font-weight: 400;
                line-height: 50px;
            }
            span{
                font-size: 18px;
                font-weight: 400;
            }
        }
        .values-container{
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            margin-top: 40px;
            .value{
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: start;
                padding: 0px 25px;
                #value-content{
                    h3{
                        margin:20px 0px;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 26px;
                    }
                    span{
                        font-size: 18px;
                        font-weight: 400;
                    }
                }
            }
        }
    }

    .latest-from-onegold-section{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 80px 100px;
        background: linear-gradient(180deg, #FFFFFF 0%, #E1EDFF 100%);
        h2{
            font-size: 48px;
            font-weight: 400;
            margin-bottom: 40px;
        }
    }

    .about-big-section{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 80px 320px;
        #heading{
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            h2{
                font-size: 48px;
                line-height: 49px;
                font-weight: 400;
                margin-right: 20px;
                margin-bottom: 0px;
            }
        }
        #description{
            width: 800px;
            font-size:18px;
            font-weight: 400;
            margin: 16px 0px;
            #learn-more-link{
                font-weight: 600;
                cursor: pointer;
                color: #D0A04F;
                margin-top: 16px;
            }
        }

    }

    @media only screen and (max-width: 768px) {
        .about-onegold-section {
            padding: 70px 15px 40px;
            br{
                display: none;
            }
            .title-container{
                h2{
                    font-size: 36px;
                }
            }
            .features-container{
                flex-direction: column;
                width: 100%;
                .feature-row{
                    margin-top: 30px;
                    .feature{
                        justify-content: start;
                        padding: 5px;
                     }
                }
            }
        }

        .our-story-section{
            padding: 50px 15px;
            .title-container{
                width: 100%;
                h2{
                    font-size: 36px;
                }
                span{
                    font-size: 16px;
                }
            }
            .timeline-container{
                width: 100%;
                .timeline-content{
                    height: auto;
                    #left{
                        .vertical{
                            height: 180px;
                        }
                        #year{
                            span{
                                font-size: 18px;
                            }
                        }
                    }
                    #right{
                        h3{
                            font-size: 20px;
                        }
                        span{
                            font-size: 16px;
                        }
                    }
                }
            }
            .learn-about-big-container{
                width: 100%;
                margin-top: 20px;
            }
        }

        .our-values-section{
            padding: 50px 15px;
            .header-container{
                h2{
                    font-size: 36px;
                }
                br{
                    display: none;
                }
            }
            .values-container{
                flex-direction: column;
                .value{
                    margin: 12.5px 0px;
                }
            }
        }

        .about-big-section{
            padding: 50px 15px;
            #heading{
                h2{
                    font-size: 36px;
                }
            }
            #description{
                width: 100%;
            }
        }
    }


/*
    PRODUCTS - Gold, Silver and Platinum
*/
    .products-header{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 180px;
        border-bottom: 1px solid #CCCCCC;
        .metal{
            font-size: calc(100vh * (24 / var(--screenHeight)));
            font-weight: 600;
            padding: 25px 0px 10px;
            width: 15%;
            text-align: center;
            cursor: pointer;
            a{
                color: #CCCCCC !important;
            }
        }
        .selected{
            a{
                color: #197EEB !important;
                padding-bottom: 2px;
                border-bottom: 2px solid #197EEB;
            }
        }
    }

    .products-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        h2{
            font-size: calc(100vh * (48 / var(--screenHeight)));
            font-weight: 400;
        }
        .btn-get-started{
            width: max-content;
            cursor: pointer;
            background-color: #197EEB;
            font-size: calc(100vh * (16 / var(--screenHeight)));
            padding: 8px 16px;
            border-radius: 8px;
            a{
                padding: 8px 16px;
                color: #FFFFFF;
            }
        }
        #top-section{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin: 40px 320px;
            text-align: center;
            span{
                font-size: calc(100vh * (16 / var(--screenHeight)));
                font-weight: 400;
            }
        }
        #products-listing{
            width: 100%;
            padding: 0px 100px;
            .product-container{
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 40px;
                border: 1px solid #CCCCCC;
                border-radius: 8px;
                padding: 40px;
                #product-info{
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: start;
                    width: 32%;
                    .gold-prod{
                        border: 5px solid #F9D87F;
                        border-radius: 100%;
                        padding: 8px;
                    }
                    .silver-prod{
                        border: 5px solid #959595;
                        border-radius: 100%;
                        padding: 8px;
                    }
                    .platinum-prod{
                        border: 5px solid #F6D0F7;
                        border-radius: 100%;
                        padding: 8px;
                    }
                    h3{
                        font-weight: 700;
                        font-size: calc(100vh * (24 / var(--screenHeight)));
                    }
                    span{
                        font-size: calc(100vh * (14 / var(--screenHeight)));
                        font-weight: 400;
                    }
                }
                #product-price-info{
                    display: flex;
                    flex-direction: row;
                    align-items: start;
                    justify-content: center;
                    font-size: calc(100vh * (14 / var(--screenHeight)));
                    font-weight: 400;
                    width: 40%;
                    #product-price-table{
                        width: 50%;
                        margin-right: 40px;
                        table{
                            width: 100%;
                            tr{
                                border-bottom: 0.5px solid #666666;
                                td.heading{
                                    font-weight: 700;
                                }
                                td{
                                    vertical-align: top;
                                    padding: 10px 20px 10px 0px;
                                    br{
                                        display: none;
                                    }
                                }
                            }
                            tr:last-child{
                                border-bottom: 0px;
                            }
                        }
                    }
                }
                #product-buy-info{
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    font-size: calc(100vh * (16 / var(--screenHeight)));
                    font-weight: 400;
                    width: 22%;
                    span{
                        color: #666666;
                        #price{
                            font-size: calc(100vh * (24 / var(--screenHeight)));
                            font-weight: 700;
                            color: #000000;
                        }
                    }
                    #btn-container{
                        margin-left: 30px;
                        cursor: pointer;
                        .btn-buy-now{
                            background-color: #197EEB;
                            font-size: calc(100vh * (16 / var(--screenHeight)));
                            padding: 8px 16px;
                            border-radius: 8px;
                            span{
                                color: #FFFFFF;
                            }
                        }
                    }

                }
            }
        }
        #premium-features{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-bottom: 40px;
            margin-top: 20px;
            h3{
                font-size: calc(100vh * (30 / var(--screenHeight)));
                font-weight: 400;
            }
            .feature-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: start;
                padding: 20px 0px;
                #feature{
                    display: flex;
                    flex-direction: column;
                    justify-content: start;
                    align-items: center;
                    margin: 0px 20px;
                    padding: 20px;
                    height: 100%;
                    width: 280px;
                    #feature-icon{

                    }
                    #heading{
                        margin-top: 20px;
                        font-size: calc(100vh * (24 / var(--screenHeight)));
                        font-weight: 600;
                    }
                    #description{
                        margin-top: 20px;
                        font-size: calc(100vh * (18 / var(--screenHeight)));
                        font-weight: 400;
                        text-align: center;
                        color: #666666;
                        #calculate-cost{
                            color: #197EEB;
                            font-weight: 700;
                            font-size: calc(100vh * (18 / var(--screenHeight)));
                        }
                    }
                }
            }
        }
        #why-buy-vaulted{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 40px 0px;
            border: 1px solid #AAAAAA;
            border-left: 0px;
            border-right: 0px;
            span{
                font-size: calc(100vh * (18 / var(--screenHeight)));
                font-weight: 400;
            }
        }
        #vaulted-faq{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 40px 0px;
            border-bottom: 1px solid #AAAAAA;
        }
    }
    @media only screen and (max-width: 768px) {
        .products-header{
            margin-top: 150px;
            justify-content: space-around;
            .metal{ 
                width: 33%;
            }
        }
        .products-container{
            #top-section{
                margin-left: 30px;
                margin-right: 30px;
                h2{
                    font-size: calc(100vh * (36 / var(--screenHeight)));
                }
            }
            #products-listing{
                padding: 0px;
                .product-container{
                    flex-direction: column;
                    padding: 20px 0px;
                    #product-info{
                        width: 100%;
                        flex-direction: column;
                        text-align: center;
                        justify-content: center;
                        .prod-img{
                            margin-right: 0px !important;
                        }
                        .prod-details{
                        }
                    }
                    #product-buy-info{
                        width: 100%;
                        justify-content: space-between;
                        padding: 10px;
                    }
                    #product-price-info{
                        width: 100%;
                        #product-price-table{
                           margin: 10px;
                           table{
                               tr{
                                  td{
                                    padding: 10px 0px;
                                    br{
                                        display: block;
                                    }
                                  }
                               }
                           }
                        }
                    }
                }
            }
            #premium-features{
                h3{
                    text-align: center;
                }
                .feature-container{
                    flex-direction: column;
                    #feature{
                        margin: 0px;
                        padding: 10px;
                    }
                }
            }
            #why-buy-vaulted{
                h2{
                  text-align: center;
                  font-size: calc(100vh * (36 / var(--screenHeight)))
                }
            }
            #vaulted-faq{
                h2{
                  text-align: center;
                  font-size: calc(100vh * (36 / var(--screenHeight)))
                }
            }
        }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
        .products-header{
            margin-top: 220px;
            justify-content: space-around;
            .metal{ 
                width: 33%;
            }
        }
        .products-container{
            #top-section{
                margin-left: 30px;
                margin-right: 30px;
                h2{
                    font-size: calc(100vh * (36 / var(--screenHeight)));
                }
            }
            #products-listing{
                padding: 0px;
                .product-container{
                    flex-direction: column;
                    padding: 20px;
                    #product-info{
                        width: 100%;
                        flex-direction: column;
                        text-align: center;
                        justify-content: center;
                        .prod-img{
                            margin-right: 0px !important;
                        }
                        .prod-details{
                        }
                    }
                    #product-buy-info{
                        width: 100%;
                        justify-content: space-between;
                        padding: 10px;
                    }
                    #product-price-info{
                        width: 100%;
                        #product-price-table{
                           margin: 10px;
                           table{
                               tr{
                                  td{
                                    padding: 10px 0px;
                                    br{
                                        display: block;
                                    }
                                  }
                               }
                           }
                        }
                    }
                }
            }
            #premium-features{
                h3{
                    text-align: center;
                }
                .feature-container{
                    flex-direction: column;
                    align-items: center;
                    #feature{
                        width: 100%;
                        margin: 10px;
                        padding: 10px;
                    }
                }
            }
            #why-buy-vaulted{
                padding: 20px;
                h2{
                  text-align: center;
                  font-size: calc(100vh * (36 / var(--screenHeight)))
                }
            }
            #vaulted-faq{
                h2{
                  text-align: center;
                  font-size: calc(100vh * (36 / var(--screenHeight)))
                }
            }
        }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation:landscape) {
        .products-container{
            #products-listing{
                .product-container{
                    padding: 20px;
                    #product-info{
                        flex-direction: column;
                        margin-right: 10px;
                        .prod-details{
                            text-align: center;
                        }
                    }
                    #product-buy-info{
                        flex-direction: column;
                        #price-container{
                            margin-bottom: 10px;
                            span{
                                #price{
                                    margin-right: 5px;
                                }
                            }
                        }
                        br{
                              display: none;
                        }
                    }
                }
            }
        }
    }