/*RESET CSSS*/
*{
    box-sizing: border-box;
}

:root {
    --primary: #393148;
    --secondary: #09001B;
    --action: #A683FB;
  }
@font-face {
    font-family: 'PP Neue Montreal Book';
    font-style: normal;
    font-weight: normal;
    src: local('PP Neue Montreal Book'), 
    url('../fonts/ppneuemontreal-book.woff') format('woff');
    }

    @font-face {
        font-family: 'PP Neue Montreal Medium';
        font-style: normal;
        font-weight: normal;
        src: local('PP Neue Montreal Medium'), 
        url('../fonts/ppneuemontreal-medium.woff') format('woff');
    }
        
    @font-face {
    font-family: 'PP Neue Montreal Bold';
    font-style: normal;
    font-weight: normal;
    src: local('PP Neue Montreal Bold'), url('../fonts/ppneuemontreal-bold.woff') format('woff');
    }

body{
    margin: 0;
    padding: 0;
    font-family: 'PP Neue Montreal Book';
}
body:has(.nav_sec.visible){
    @media (max-width:767px){
    overflow: hidden;
    }
}
h1,h2,h3,h4,h5,h6, p, ul, li , a{
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.container{
    max-width: 1280px;
    @media(max-width:1200px){
        padding: 0 30px;
        @media(max-width:767px){
            padding: 0 20px;
        }
    }
}
.cs_header{
    position: absolute;
    top:28px;
    left:0;
    width: 100%;
    z-index: 9;
    @media(max-width:767px){
        top:25px;
        z-index: 2;
    }
}
.cs_header .logo_ui{
    @media(max-width:767px){
        img{
            height:31px;
        }
    }
}
.inner_header{
    background:#FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 80px;
    padding:15px 33px;
    @media(max-width:767px){
        padding:13px 19px 13px 23px; 
    }
}
.hamburger{
    border:none;
    background: transparent;
    width:30px;
    display: inline-flex;
    flex-direction: column;
    gap:8px;
    display:none;
    padding:0;
    @media (max-width:767px){
        display:inline-flex;
        width:22px;
    }
}
.hamburger span{
    display: inline-flex;
    height:2px;
    width:100%;
    background: var(--secondary);
}


.mobile_header{
        background:#FFFFFF;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 80px;  
        padding:13px 19px 13px 23px; 
        display:none;
        align-items: center;
        justify-content: space-between;
        @media (max-width:767px){
            display:flex;
        }
    }
  
.nav_sec{
    display: flex;
    align-items: center;
    @media (max-width:767px){
        position: fixed;
        left: 100%;
        width:100%;
        height: 100%;
        top: 0;
        z-index: 1;
        flex-direction: column;
        align-items: flex-start;
        padding:25px 23px 13px 23px;
        transition:0.2s ease-in-out;
        opacity:0;
        visibility:hidden;
        background:url("../images/mob_nav.png");
        background-size:100%;
        overflow-y:auto;
    }
}
.mob_social_links{
    background:#A4D8F4;
    padding: 49px 49px;
    border-radius:20px;
    margin-top: 80px;
    display: none;
    @media (max-width:767px){
        display:block;
    }
}
.nav_sec .mob_social_links ul{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-direction: row;
}
.nav_sec .mob_social_links ul li{
    width:auto;
}
.mob_social_links ul li a{
    width:50px;
    height:50px;
    border-radius:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border:2px solid #fff;
    transition: 0.2s ease-in-out;
}
.mob_social_links ul li a:hover,
.mob_social_links ul li a:focus{
    border:2px solid #09001B;
    background:#09001B;
}
.nav_sec.visible{
    @media (max-width:767px){
    display:block;
    left:0;
    opacity:1;
    visibility:visible;
    }
}
.nav_sec ul{
    display: flex;
    align-items: center;
    gap: 35px;
    list-style: none;
    padding-right: 40px;
    @media (max-width:767px){
        flex-direction:column;
        align-items:center;
        padding-bottom:50px;
        padding-top:100px;
        padding-right:0;
        gap:50px;
    }
}
.nav_sec ul li a{
    font-size: 16px;
    color:#393148;
    transition: 0.2s ease-in-out;
    @media (max-width:767px){
        font-size:20px;
    }
}
.dskp-none{
    @media (min-width:768px){
            display:none;
    }
}
@media (max-width:767px){
    .nav_sec ul li{
        position: relative;
        width: 100%;
        text-align: center;
    }
    .nav_sec ul li.active:after{
        opacity:1;
    }
    .nav_sec ul li:after{
        background: url("../images/nav_bg.svg") no-repeat;
        content: "";
        height: 10px;
        width:113px;
        bottom: -10px;
        left: 0;
        right:0;
        margin: auto;
        position: absolute;
        opacity: 0;
    }
}

.nav_sec ul li a:hover{
    color:var(--action);
}
.nav_sec .primary_btn.white_bg{
    color: #100F19;
    @media (max-width:767px){
        /* display:none; */
        display:inline-flex;
        margin:auto;
        background: #100F19;
        color: #fff;
        transition: 0.2s ease-in-out;
        .icon{
            background:#fff;
            path{
                fill:#100F19;
            }
        }
    }
}


.hero_sec{
    background:url("../images/hero_sec.jpg") no-repeat;
    width: 100%;
    padding-bottom: 110px;
    background-size: 100%;
    background-position: top;
    padding-top: 156px;
    position: relative;
    z-index: 1;
    @media (max-width:1199px){
        background-size:cover;
    }
    @media (max-width:991px){
        background-size:cover;
        padding-top: 190px;
        padding-bottom: 70px;
        @media (max-width:767px){
            padding-bottom:40px;
            padding-top: 132px;
        }
    }
}
.hero_sec:before{
    @media (max-width:767px){
        position:absolute;
        content:"";
        background:url("../images/mob_shade1.png") no-repeat;
        width:100%;
        height:100%;
        left:0;
        top:0;
        z-index:-1;
        background-size:100%;
       
    }
}
.hero_sec:after{
    @media (max-width:767px){
        position:absolute;
        content:"";
        background:url("../images/mob_shade2.png") no-repeat;
        width:100%;
        height:100%;
        right:0;
        top:0;
        z-index:-1;
        background-size:100%;
    }
}

.hero_sec .content_blk{
    text-align: center;
    margin-bottom: 45px;
    @media (max-width:767px){
        margin-bottom:64px;
    }
}
.hero_sec .content_blk h1{
    max-width: 915px;
    margin: auto;
    font-style: normal;
    font-weight: 500;
    font-size: 84px;
    line-height: 110%;
    text-align: center;
    color:var(--secondary);
    margin-bottom: 17px;
    font-family: 'PP Neue Montreal Medium';
    @media (max-width:991px){
        font-size:64px;
        max-width:700px;
        @media (max-width:599px){
            font-size:44px; 
            margin-bottom:4px;
        }

    }

}
.hero_sec .content_blk .blue-text{
    color:var(--action);
    position: relative;
}
.hero_sec .content_blk .blue-text::after{
   position: absolute;
   content: "";
   width:100%;
   height:21px;
   bottom: -14px;
   left:0;
   background: url(../images/text_bg.png) no-repeat;
   background-size: 100%;
}

.hero_sec .content_blk p{
max-width: 585px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
color:var(--secondary);
margin: auto;
@media (max-width:767px){
    font-size: 14px;  
}
}
.hero_sec .row{
    @media (max-width:767px){
        /* display:none; */
    }
}
.hero_sec .row .col-md-6,
.hero_sec .row .col-md-12{
    @media (max-width:991px){
        margin-bottom:15px;
    }
}
.hero_sec .content_blk .btn_wrap{
   display: flex;
   justify-content: center;
   padding-top: 18px;
}
.see_help{
    margin-bottom: 54px;
    margin-top: 0;
    @media (max-width:767px){
        margin-top:0;
        margin-bottom:24px;
    }
}
.see_help p{
    background: #FFFFFF;
    max-width: 280px;
    border-radius: 200px;
    padding:15px 15px 15px 46px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000000;
    position: relative;
    font-family: 'PP Neue Montreal Medium';
    @media (max-width:767px){
        max-width:100%;
        font-size: 14px;
    }
}
.see_help p:before{
    background:#009CF0;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    display: inline-block;
    content: "";
    position: absolute;
    left:23px;
    top:21px;
}
.mvp_sec{
     background:#009CF0;
     border-radius:20px;
     padding:26px 13px 13px 26px;
     height: 100%;
     @media (max-width:767px){
        padding:24px 13px 13px 24px;  
        margin-bottom:15px;
     }
}
.mvp_sec .content_ui{
    max-width: 180px;
    @media (max-width:767px){
        max-width: 170px;  
    }
}

.mvp_sec .content_ui label{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFF;
    margin-bottom: 9px;
    font-family: 'PP Neue Montreal Medium';
}

.mvp_sec .content_ui p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    @media (max-width:767px){
        font-size: 14px; 
    }
}
.mvp_sec .img_sec{
    flex-direction: row-reverse;
    display: flex;
    align-items: flex-end;
    gap:10px;
    margin-top: -94px;
    @media   (min-width:768px) and (max-width:1199px){
        margin-top:0px; 
    }
    @media (max-width:767px){
        margin-top: -66px;
        max-width: 63%;
        margin-left: auto;

    }
}
.mvp_sec .img_sec .img1{
    @media (max-width:767px){
        max-width:156px;
        img{
            width:100%;
        }
    }
}

.advisory_sec{
    background: #FFFFFF;
    border-radius: 20px;
    padding: 23px 18px 18px 30px;
    height: 100%;
}
.advisory_sec label{
    width: 180px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #09001B;
    margin-bottom:9px;
    font-family: 'PP Neue Montreal Medium';
    @media (max-width:767px){
        font-size: 18px;
    }
}
.advisory_sec .desc{
    width: 236px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #393148;
    @media (max-width:767px){
        font-size: 14px;
        width:calc(100% - 150px);
    }
}
.advisory_list{
    display: flex;
    justify-content: flex-end;
    margin-top: -10px;
    @media (max-width:767px){
        margin-top:-40px;
    }
}
.advisory_list .user_icon{
    width: 48px;
    height: 48px;
    border-radius: 100%;
    overflow: hidden;
    margin-right:-10px;
}
.advisory_list .user_icon:last-child{
    margin-right: 0;
}
.advisory_list .user_icon img{
    width:100%;
    height:100%;
}

.businessplan_sec{
    background: #A4D8F4;
    border-radius: 20px;
    padding: 25px 30px;
    height: 100%;
    @media (max-width:767px){
        padding: 24px; 
    }
}
.businessplan_sec .title_wrap{
    display: flex;
    align-items: center;
    margin-bottom: 11px;
}
.businessplan_sec .title_wrap p{
    padding-left: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color:var(--secondary);
    font-family: 'PP Neue Montreal Medium';
    @media (max-width:767px){
        font-size: 18px;
    }
}
.businessplan_sec .desc{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--primary);
    @media (max-width:767px){
        font-size: 14px;
    }
}







.primary_btn{
    display: flex;
    align-items: center;
    padding: 9px 8px 9px 30px;
    font-family: 'PP Neue Montreal Medium';
    font-size: 14px;
    border: none;
    border-radius: 44px;
    transition: 0.2s ease-in-out;
    @media (max-width:767px){
        height:45px;
        font-size:12px;
        padding: 9px 8px 9px 25px;
    }
}
.primary_btn:hover{
    opacity:0.9;
}
.primary_btn:hover .icon{
    transform: scale(1.1);
}
.primary_btn:hover .icon svg{
    transform: scale(1.2); 
}
.primary_btn.white_bg{
        background: #F8F7F3;
        transition: 0.2s ease-in-out;
}
.primary_btn.black_bg{
    background: #100F19;
    color:#fff;
    transition: 0.2s ease-in-out;
}
.primary_btn.black_bg .icon{
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
    transition: 0.2s ease-in-out;
}
.primary_btn.black_bg .icon svg path{
    fill: #09001B;
    transition: 0.2s ease-in-out;
}
.primary_btn.white_bg .icon{
    background: #100F19;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
    transition: 0.2s ease-in-out;
}


/* about sec */

.about_sec{
    background: #fff;
    padding: 110px 0;
    @media (max-width:991px){
        padding:70px 0;
        @media (max-width:767px){
            padding:40px 0 48px;
        }
    }
}
.about_sec .row{
    @media (max-width:767px){
        /* flex-direction:column-reverse; */
        .about_content_wrapper{
            margin-top:0px;
        }
    }
}
.about_content_wrapper h3{
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 150%;
    color:var(--secondary);
    margin-bottom: 11px;
    font-family: 'PP Neue Montreal Medium';
    @media (max-width:767px){
        font-size: 36px; 
        margin-bottom:6px;
    }
}
.about_content_wrapper .desc{
    max-width: 489px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color:var(--primary);
    margin-bottom: 12px;
    @media (max-width:767px){
        max-width:100%;
        font-size:14px;
    }
}
.about_content_wrapper .btn_wrap{
    padding-top: 12px;
    display:inline-flex;
}
.about_image_wrapper{
    padding-left: 40px;
    @media (max-width:767px){
        padding-left:0;
    }
}  
.about_image_wrapper .mob_img{
    display: none;
    @media (max-width:767px){
        display: block;
        margin-top:20px;
    }
} 
.about_image_wrapper .desk_img{
    @media (max-width:767px){
        display: none;
    }
} 
.about_image_wrapper img{
    width:100%;
}



/* road_map css stat here */
.roadmap_wrapper .main_title{
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 110%;
    text-align: center;
    color: #09001B;
    max-width: 573px;
    margin: auto;
    margin-bottom: 77px;
    font-family: 'PP Neue Montreal Medium';
    @media (max-width:767px){
        font-size:36px;
        text-align:left; 
        margin:initial;
        margin-bottom:42px;
        max-width:355px;
        @media (max-width:400px){
            font-size:32px;
        }
    }
}
.roadmap_sec.roadmap_one{
    padding:77px 0 105px;
    @media (max-width:767px){
     padding:35px 0 50px
    }
}
.roadmap_sec{
    padding:105px 0 105px;
    position: relative;
    @media (max-width:767px){
        padding:46px 0 50px;
        .row{
            flex-direction:column-reverse;
            .image_sm{
                /* display:none; */
            }
        }
    }
}
.roadmap_sec:after{
  position: absolute;
  content: "";
  height: 100%;
  width: 2px;
  left:0;
  top:0;
  right:0;
  margin: auto;
  background: url(../images/line_bg.png) no-repeat;
  @media (max-width:767px){
    left:40px;
    right:initial;
  }
}
.roadmap_sec.roadmap_one .spin_icon{
    top:53%;
    @media (max-width:767px){
        top:170px;
        @media (max-width:400px){
            top:160px;
        }
    }
}
.roadmap_sec .spin_icon{
    position: absolute;
    left:0;
    right:0;
    margin: auto;
    width: 38px;
    top:40%;
    transform: translateY(-50%);
    z-index: 1;
    @media (max-width:767px){
       left:21px;
       right:initial;
       transform: initial;
       top:56px;
    }
}

.roadmap_one{
    background:#DBECFE;
    @media (max-width:767px){
        padding:35px 0 50px;
    }
}
.roadmap_sec.roadmap_one:after{
    top:31%;
    @media (max-width:767px){
        top:15%;
    }
}
.image_block_wrapper{
    @media (max-width:767px){
        padding-left:58px;
    }
}
.roadmap_one .image_block_wrapper .image_sm{
	background: #DBECFE;
}
.roadmap_two .image_block_wrapper .image_sm{
	background: #e7e2f0;
}
.roadmap_two{
    background:#e7e2f0;
}
.image_block_wrapper .image_lg{
    padding-right: 60px;
    @media (max-width:767px){
        padding-right:20px;
    }
}
.image_block_wrapper .image_lg img{
    aspect-ratio: 523/396;
    max-width:523px;
    border-radius:20px;
    width:100%;
    @media (max-width:767px){
        max-width:100%;
    }
}
.image_block_wrapper .image_sm {
	aspect-ratio: 286/191;
	max-width: 300px;
	margin-left: auto;
	margin-top: -129px;
	padding: 14px;
	z-index: 1;
	position: relative;
	border-radius: 15px;
    @media (max-width:767px){
        max-width:72%;  
        aspect-ratio: 186/133;
        padding:7px;
    }
}
.image_block_wrapper .image_sm img{
    height:100%;
    width:100%;
    border-radius:15px;
}


.roadmap_two .row{
    flex-direction:row-reverse;
    @media (max-width:767px){
        flex-direction:column-reverse;
    }
  
}
.roadmap_two .image_block_wrapper{
    padding-left: 70px;
    @media (max-width:991px){
        padding-left:30px;
    }
    @media (max-width:767px){
        padding:0 0 0 58px;
    }
}
.roadmap_two .image_block_wrapper .image_lg{
    padding-right:0px;
    padding-left: 60px;
    @media (max-width:991px){
        /* padding-left:0; */
    }
    @media (max-width:767px){
        padding-left:30px;
    }
}
.roadmap_two .image_block_wrapper .image_sm{
    margin-right: auto;
    margin-left: initial;
}

.roadmap_two .content_wrapper{
    padding-left: 0;
     @media (max-width:991px){
        padding-right:30px;
        @media (max-width:767px){
            padding-left:58px;
        }
     }

}

.content_wrapper{
    padding-left:90px;
    @media (max-width:991px){
        padding-left:30px;
    }
    @media (max-width:767px){
        padding:0 0 0 58px;
    }
}
.content_wrapper .roadmap_icon{
    margin-bottom: 17px;
    @media (max-width:767px){
       width:60px;
       height:60px;
       img{
        width:100%;
       }
    }
}
.content_wrapper h4{
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 130%;
max-width: 424px;
color: #09001B;
margin-bottom: 17px;
@media (max-width:767px){
    max-width:100%;
    font-size: 26px;
}
}
.content_wrapper p{
max-width: 424px;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #393148;
margin-bottom: 30px;
@media (max-width:767px){
    max-width:100%;
    font-size: 14px;
}

}




/* contact us css start here */
.contact_section{
    overflow: hidden;
    background: #fff;
}
.illustration_ui{
    position: relative;
    @media (max-width:991px){
        padding-top:70px;
    }
    @media (max-width:767px){
        padding-top:0;
    }
}
.illustration_ui img{
    margin-left: -280px;
    @media (max-width:991px){
        margin:0;
        display:none;

       
    }
}
.illustration_ui img.mob_img{
    display: none;
}
@media (max-width:767px){
    .illustration_ui img.mob_img{
        display:block;
        margin-left: -20px;
    }
}
.contact_title {
	position: absolute;
    z-index: 1;
    left: 0;
    top: 55%;
    max-width: 454px;
    transform: translateY(-50%);
    padding-top: 0;
    @media (min-width:768px)  and (max-width:991px){
        position: relative;
        transform:initial;
        top:initial;
        margin:auto;
        text-align:center;
    }
    @media (max-width:767px){
    }
}
.contact_title h5{
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 150%;
    color:var(--secondary);
    @media (max-width:767px){
        font-size:36px;
        line-height:120%;
        padding-top:8px;
    }
}
.contact_title p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color:var(--primary);
    @media (max-width:767px){
        font-size:14px;
    }
    @media (max-width:390px){
        font-size:12px;
    }

    }

.form_wrapper {
        @media (max-width:991px){
            max-width:700px;
            margin:auto;
            margin-top:50px;
            padding-bottom:70px;
            @media (max-width:767px){
            padding-bottom:37px;
            }
        }
}
.form_wrapper .form-group {
    margin-bottom: 40px;
    @media (max-width:767px){
        margin-bottom:25px;
    }
}
.form_wrapper .form-group:last-child{
    margin-bottom: 25px;
}
.form-group input, .form-group select{
    border: none;
    background: #fff;
    border-bottom: 1px solid #DBDBDB;
    height: 32px;
    width: 100%;
    font-size: 16px;
    outline: none;
    box-shadow: none;
    padding-bottom: 7px;
    transition: 0.2s ease-in-out;
    border-radius: 0;
    color:var(--primary);
    @media (max-width:767px){
        font-size: 14px;
        
    }
}
.form-group input:focus{
    border-color:var(--primary);
}
.form-group input::placeholder {
    color:var(--primary);
  }










/*footer css start here */
.cs_footer{
    background:url("../images/footer.jpg") no-repeat;
    width: 100%;
    background-size:cover;
    background-position: center;
}
.top_footer{
    padding-top: 53px;
    padding-bottom: 27px;
    @media (max-width:767px){
        padding-top:32px;
    }
}
.top_footer .footer_logo{
    margin-bottom: 33px;
    @media (max-width:767px){
        margin-bottom:13px;
    }
}
.top_footer .desc{
    max-width: 423px;
    font-size: 16px;
    color:var(--primary);
    @media (max-width:767px){
        font-size: 14px;
    }
}
.footer_navbar_wrap{
    display: flex;
    @media (max-width:767px){
        padding-top:40px;
    }
}
.footer_navbar_wrap .social_links{
    min-width:312px;
    margin-left: auto;
    @media (max-width:1200px) {
            min-width:auto;
            width:70%;
            @media (max-width:767px){
                max-width:312px; 
                @media (max-width:599px){
                    max-width:209px;
                }
            }
    }
}
.social_links .social_btn{
    margin-bottom: 15px;
}
.social_links .social_btn:last-child{
    margin-bottom: 0;
}
.social_links .social_btn a{
    padding: 10px 15px;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 100px;
    color:#323232;
    font-size: 16px; 
    transition: 0.2s ease-in-out;
}
.social_links .social_btn a:hover{
    transform: scale(1.04);
}
.social_links .social_btn .icon{
    margin-right: 12px;
}
.footer_navbar label{
    font-size: 16px;
    color:var(--primary);
    font-family: 'PP Neue Montreal Medium';
    padding-bottom: 13px;
    @media (max-width:767px){
        font-size:14px;
    }
}
.footer_navbar li{
    list-style: none;
    padding:13px 0;
}
.footer_navbar li:first-child{
    padding-top: 10px; 
}
.footer_navbar li a{
    font-size: 16px;
    color:var(--primary);
    transition: 0.2s ease-in-out;
    @media (max-width:767px){
        font-size: 14px;
    }
}
.footer_navbar li a:hover{
    color: var(--action);
}
.bottom_footer{
    border-top:1px solid #DBDBDB;
    padding: 23px 0 28px;
    @media (max-width:767px){
        padding: 15px 0 20px;
    }
}
.bottom_footer p{
    font-size: 16px;
    color:var(--primary);
    @media (max-width:767px){
        font-size: 14px;
    }
}
.error-message {
    color: red;
    font-size: 12px;
}
.primary_btn:disabled {
    background-color: grey;
    cursor: not-allowed;
}