@font-face {
    font-display: swap;
    font-family: Grotesk-Medium;
    src: url(https://storyblok-assets.mindvalley.com/fonts/SharpGroteskCyrMedium-20.36349e7.woff2) format("woff2"), url(https://storyblok-assets.mindvalley.com/fonts/SharpGroteskCyrMedium-20.f7afa74.woff) format("woff")

}
@font-face {
    font-family: 'Junitta';
    src: url('fonts/Junitta-BW55G.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
                
.Becoming{
    font-family: 'Junitta', sans-serif !important;
}
* {

    padding: 0px;
    margin: 0px;

}
html, body {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    background: linear-gradient(90deg, #fff9f1 0%, #f9f8ff 100%);
  }

h1,
h2,
h3,
h4,
h5 {
    font-family: Grotesk-Medium, Verdana-fallback-3, "sans-serif";
}
li{
    list-style: none;
}
ul{
    padding: 0px !important;
}
a{
    text-decoration: none !important;
    color: black !important;
}

.why_ul li{
    font-size: 1.1rem;
    line-height: 1.65rem;
}


/* for phone */
@media(max-width: 767px) {
    .psychometernav-item {
        font-size: 12px !important;
    }
   #gaugeCanvas {
        width: 300px !important;
    height: 150px !important;
    }
    .margintop1{
        margin-top: 45px !important;
    }
    .h1_font_JOIN{
        font-size: 65px !important;
    }
    .h1_font_Programs{
        font-size: 52px !important;
    }
    .h1_font{
        line-height: 1 !important;
    }
    .fr__label {
        font-size: 35px !important;
        margin-bottom: 0px !important;
    }
    .psychometernav-item{
            padding: 9px !important;

    }
    .col-px-0{
        padding: 0px !important;
    }
    .nbtn {
        top: 265px !important;
    }
    .nav-itemPro{
        font-size: 14px !important;
    padding: 10px 8px !important;
    }
    .nav-itemPro span{
        font-size: 10px !important;

    }
    .psychometercontent-tabs{
        padding: 25px 14px !important;
    }
    .emojiNumber {
        gap: 15px !important;
    }
    .PodcastNav-tabs {
        left: -42px !important;
        top: 133px !important;
        gap: 113px !important;
    }
    .topic_btn {
        padding: 7px !important;
        border: none !important;
        font-size: 17px !important;
        width: 123px !important;
    }
    .dashboard {
        width: 100% !important;
        top: -36px !important;
        left: 123px !important;
    }
    .playlist {
        left: 54px !important;
        height: 440px !important;
    }
    .PodcastNav-item {
        font-size: 11px !important;
        padding: 17px 9px !important;
        width: 160px !important;
        margin-left: 0px !important;
    }
    .control .btn {
        padding: 8px !important;
        font-size: 17px !important;
    }
    .control .btn-toggle-play {
        width: 39px !important;
        height: 38px !important;
    }
    
    .PodcastNav-item.activePodcast{
        
        margin-left: 0px !important;
    }
    .song .title {
        font-size: 9px !important;
        text-align: start !important;
    }
    .image-wrapper{
        width: 358px !important;
    height: 280px !important;
    }
    .image-wrapper img{
        top: 30px !important;
        left: -30px !important;
    }
    h1{
        font-size: 1.5rem !important;
    }
    .navbar-brand{
        width: 22% !important;
    }
    .bg_purble{
        padding: 1rem !important;
    }
    .why_ul li {
        font-size: 0.8rem !important;
    }
    .makeChoice{
        font-size: 2.5rem !important;
    }
    .makeChoicep{
        font-size: 1.1rem !important; 
    }
    .f-directioncolum{
        flex-direction: column !important;
    }
    .hide_phone{
        display: none;
    }
    .testimonial-text{
        font-size: 1rem !important;

    }
    .gap20{
        gap: 20px 0px !important;
    }
    .filter-pills{
        padding: 5px 7px !important;
    }
    .font_2rm{
        font-size: 2rem !important;
    }
    .font_34{
        font-size: 34px !important;
    }
    .titlebold4 {
        font-size: 1.1rem !important;
    }
    .callout-step2,
    .callout-step4,
    .callout-step3
     {
        margin-left: 0px !important;
    }
    .sucure_ul {
        font-size: 16px !important;
    }
    .Becoming{
        font-size: 35px !important;
        line-height: 1.3 !important;
    }
    .play-button{
        top: 29% !important;
       left: 75% !important;
       width: 90px !important;
    height: 90px !important;
    }
    .play-button::before{
        width: 91px !important;
    height: 91px !important;
    }
    .container-stack {
        
        width: 276px !important;
        height: 229px !important;
    }
    .container-stack .card:nth-child(2){
        top: 13px !important;
    left: 41px !important;
    height: 205px !important;
    }
    .container-stack .card:nth-child(3){
        top: 25px !important;
    left: 76px !important;
    height: 185px !important;
    }
    .padding13{
        padding: 13px !important;
    }
    .get-started,
    .demo{
        font-size: 13px !important;
    }
    .button-group button{
        font-size: 13px !important;
    }
    .book_seat_btn,
    .learn_more_btn{
        font-size: 13px !important;
    }
    .member_plan_body{
        padding: 3px !important;
    }
    .member_plan_body ul{
        font-size: 12px !important;
    }
    .control .btn-random{
        width: 134px !important;
    }
    /* img{
        width: 200% !important;
    }
    h1,
    h2,
    h3{
        font-size: 30px !important;
    }
    p{
        width: 200px !important;
    }
     */
}
/* for phone */


/* for tablet  */
@media (min-width: 768px) and (max-width: 1023px) {
   
    .navbar-brand{
        width: 14% !important;
    }
    .emojiNumber{
        gap: 22px !important;
    }
    .h1_font_JOIN{
        font-size: 60px !important;
    }
    .access_your{
        font-size: 47px !important;
    }
    .member_plan_body ul li{
        font-size: 11px !important;
    }
    .book_call_btn {
    top: -1px !important;
    right: 0px !important;
    padding: 2px !important;
}
.callout-card {
    margin-left: -5px !important;
}
    .h1_font{
        line-height: 1 !important;
    }
    .nav-itemPro{
        font-size: 15px !important;
    }
    .nav-link{
        font-size: 12px !important;
    }
    h1 {
        font-size: 1.2rem !important;
    }
    p{
        font-size: 0.8rem !important;
    }
    .image-wrapper{
        width: 400px !important;
    }
    .btn{
        font-size: 12px !important;
    }
    .bg_purble{
        padding: 1rem !important;
    }
    .why_ul li {
        font-size: 0.8rem !important;
    }
    .text-body-12 {
        font-size: .6rem !important;
    }
    .titlebold1 {
        font-size: 3rem !important;
        line-height: 2rem !important;
    }
    .font_2rm{
        font-size: 2rem !important;

    }
    .titlebold4 {
        font-size: 0.9rem !important;
    }
    .callout-step2,
    .callout-step4
     {
        margin-left: 47px !important;
    }
    .callout-step3{
        margin-left: 0px !important;
    }

    .callout-card{
        padding: 10px 12px !important;
    }
    .mv-type--body-sm {
        font-size: 11px !important;
    }
    .mv-type--title5 {
        font-size: 1rem !important;
    }
    .callout-steps-number {
        height: 62px !important;
    }
    .sucure_ul {
        font-size: 14px !important;
    }
    .Becoming{
        font-size: 2rem !important;
        line-height: 2rem !important;
    }
    .hide_tab{
        display: none !important;
    }
    .marquee--2 .marquee__item{
        transform: scale(1) !important;
    }
    .marquee--2 {
        --marquee-item-width: 116px !important;
        --marquee-item-height: 136px !important;
        margin-top: -2px !important;
        margin-bottom: 0px !important;
        padding-top: 14px !important;
    }
    .phone_ui{
        left: 35% !important;
        bottom: -23px !important;
    }
    .phone_ui img{
        width: 35% !important;
    }
}
/* for tablet */