/*for mobile*/
@media only screen and (max-width:760px) {
.navbar-toggler-icon{filter: brightness(0) invert(1);}
html{overflow-x: hidden;}
body{overflow-x: hidden;}
.navbar-nav .nav-item {margin-left: 0px; margin-top: 10px}
.navbar-collapse{margin-top: 20px;}
header .btn_style {width: 100%;}
header{background: #09001A; backdrop-filter: blur(10px)}
.border_btn {margin: 0px 0px;}
.mt_5{margin-top: 3rem;}
.mb_5{margin-bottom: 3rem;}
.mt_30{padding-Top: 30px;}
.mt_100{margin-top: 40px;}
.pt_5{padding-Top: 2rem;}
.pb_5{padding-bottom: 2rem;}
.pb-5{padding-bottom: 2rem;}

.BannerCutout {display: none;}
.gap-3 {gap: .5rem !important;}
.gap-4 {gap: 1rem !important;}
.gap-5 {gap: 1.5rem !important;}
.g-5, .gy-5 {--bs-gutter-y: 1.5rem;}
.g-5, .gx-5 { --bs-gutter-x: 1.5rem;}
.g-4, .gy-4 {--bs-gutter-y: 1rem;}
.g-4, .gx-4 { --bs-gutter-x: 1rem;}
.Mission01Image {width: 100%;}

.AboutBg {background: url(../img/About_bg.png) no-repeat; background-size: 100%; border-radius: 25px; display: none;}
.AboutMobile {position: unset;}
.MissionStar {width: 39px; position: absolute; left: 1px; top: -20px;}
.AboutPadding {padding: 130px 0px 70px 0px !important;}
.BannerSmallPara {padding-left: 0px !important; bottom: -400px;}
.BannerHeading h2 {font-size: 30px; padding-left: 0px; margin-top: 0px;}
.BannerHeading p {padding-left: 0px;}
.AllButton {margin-left: 0px;}
.InnerHeading {font-size: 25px;}
.WhiteHeading {font-size: 25px;}
.MakeLogo {position: absolute; width: 150px; right: 0px; left: 0px; margin: auto;}
.MakeMoneyGraphBg {width: 200px; height: 100px; bottom: 409px; left: 102px;}
.MakeMoneyGraphBg img {width: 200px; height: 100px;}
.MakeMoneyMultiStar {left: 340px;}
.MissionStarTwo {right: 2px;}
.MakeHeading h2 {font-size: 28px;}
.InvestmentHeading {font-size: 28px; width: 100%; }
.InvestmentBg{background: rgba(255, 255, 255, 0.04);}
.accordion_border_main {width: 100%; }
.FooterCopyRight {text-align: center;}
.FaqLeftStar{display: none;}
.FaqRightMultiStar{display: none;}

.FooterLogo{width: 150px; margin: auto; display: block; margin-bottom: 20px;}
.footer_media{display: block; float: none; text-align: center; padding: 0px;}








}
/*for medium mobile*/
@media only screen and (min-width:480px) and (max-width:760px) {
    .btn-outline-dark {
        border: none;
        padding: 0;
        outline: none;
      }
    
      .btn-outline-dark:hover {
        background: none;
        color: gray;
      }

}
/*for tablet*/
@media only screen and (min-width:760px) and (max-width:1000px) {

}

/*for destop*/
@media (min-width: 1200px){
 

 }




