/*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: transparent; backdrop-filter: blur(10px)}
.border_btn {margin: 0px 0px;}
.Logo {width: 130px;}

.p-5 {padding: 1.5rem !important;}
.mt-5, .my-5 {margin-top:1.5rem !important;}
.mb-5, .my-5 {margin-bottom:1.5rem !important;}
.pb-5, .py-5 {padding-bottom: 1.5rem !important;}
.pt-5, .py-5 {padding-top: 1.5rem !important;}
.mb-4 {margin-bottom: 1rem !important;}
.mt-4 {margin-top: 1rem !important;}
.p-3 {padding: .5rem !important;}
.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;}
.h5, h5 {font-size: 1.1rem;}
.mb-2 {margin-bottom: .2rem !important;}
.pb-3 {padding-bottom: .8rem !important;}
.pt-3 {padding-top: .8rem !important;}
.ms-5 {margin-left: 1.5rem !important;}
.ms-4 {margin-left: 1rem !important;}

.HeaderPadding {padding-top: 75px;}

.BannerHeading h2 {font-size: 22px; line-height: 35px;}
.BannerImage {width: 100%; margin-top: 20px;}
.BannerBg::after{display: none;}
.BannerBgOne {width: 145px; top: 10px; left: 10px;}
.BannerBgTwo {top: 10px; width: 170px; right:10px}
.BannerBgThree {width: 170px; left: 10px; bottom: 60px;}
.BannerBgFour {width: 160px; bottom: 85px; right: 10px;}
.BannerIocn01 {width: 20px;}
.BannerBgPara {font-size: 11px;}

.FaqHeading p {font-size: 14px;}
.FaqHeading h2 {font-size: 20px; margin-bottom: 30px;}
.BannerLogoBg {width: 100%;}
.light_btn span {display: none;}
.light_btn {padding: 10px;}
.BannerPointOne{display: none;}
.BannerPointTwo{display: none;}
.BannerPointThree{display: none;}
.BannerPointFour{display: none;}
.AboutHeading {font-size: 20px;}
.MissionHeading {font-size: 20px;}
.TradingImg {border-radius: 0px; padding-top: 0px; width: 100%;}
.WhyChooseBg {height: auto;}
.shadow_lien {width: 100%;}

.FooterLogo{width: 150px; margin: auto; display: block; margin-bottom: 0px;}
.FooterContactBg {float: none; margin: auto; margin-bottom: 20px;}






}
/*for medium mobile*/
@media only screen and (min-width:480px) and (max-width:760px) {


}
/*for tablet*/
@media only screen and (min-width:760px) and (max-width:1000px) {

}

/*for destop*/
@media (min-width: 1200px){
 

 }