/*for mobile*/
@media only screen and (max-width:760px) {
.pb-6 {padding-bottom: 2rem !important;}
.pt-6 {padding-top: 2rem !important;}
.pb-7 {padding-bottom: 2.5rem !important;}
.pt-7 {padding-top: 2.5rem !important;}
.pb-8 {padding-bottom: 3rem !important;}
.pt-8 {padding-top: 3rem !important;}

.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: 2rem !important;}
.pt-5, .py-5 {padding-top: 2rem !important;}
.mb-4 {margin-bottom: 1rem !important;}
.mt-4 {margin-top: 1rem !important;}
.p-3 {padding: .5rem !important;}
.gap-2 {gap: .3rem !important;}
.gap-3 {gap: .5rem !important;}
.gap-4 {gap: 1rem !important;}
.gap-5 {gap: 1.5rem !important;}
.g-6 {--bs-gutter-y: 2rem;  --bs-gutter-x: 2rem;}
.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;}
.fs-4 {font-size: calc(0.8rem + .3vw) !important;}
.fs-1 {font-size: calc(1.1rem + 1.5vw) !important;}
.fs-2 {font-size: calc(1rem + 1.5vw) !important;}
.h5, h5 {font-size: 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;}
.p-4 {padding: 1rem !important;}
.brand-logo{max-width: 150px;}
.banner-padding { padding-top: 60px;}
.banner-text h1{font-size: 35px;}
.banner-shape {max-width: 300px;}
.banner-img-box {position: relative; right: 0; top: 35px; padding: 0px 20px;}
.graph-shape {left: 0; right: 0; top:-25px}
.about-no-text {font-size: 35px;}
.all-heading h2 {font-size: 35px;}
.max-400 {max-width: 100%;}
.benifits_image_one {height: 240px;}
.benifits_image_two {height: 240px;}
.benifits_image_three {height: 240px;}
.benifits_image_four {height: 240px;}
.benifits_image_five {height: 240px;}
.benifits_image_six {height: 240px;}
.advanced_no_bg { height: 30px; width: 30px; padding: 5px;}
.all-heading p {font-size: 15px;}
.policy-menu li a {font-size: 15px;}
.journey_heading_font {font-size: 35px; line-height: 46px;}
.mt5_bg_one {height: 400px;}
.mt5_bg_two {height: 400px;}
.mt5_bg_three {height: 400px;}

.Transfers_tab .nav-link h4 { font-size: 22px;}
.Transfers_tab .nav-link {padding: 15px;}
.transfer_no {top: 15px; font-size: 16px;}
.build_bg {height: 13px; width: 15px;}
.floating_image{position: fixed; right: 15px; bottom: 30px; z-index: 111; display: block;}
.contact_form_bg .form-row {display: unset;}
.contact_form_bg .form-group input, .form-group textarea {margin-bottom: 20px;}
.contact_form_bg_inner {padding: 20px;}
.portal-padding {padding-top: 0px;}
.inner_heading h2 {font-size: 30px;}

.Mission-tab {top: 20%; margin-left: 52%;}
.who-text-position{margin-left:0%; position: unset; top: 0%;}
.about_result {font-size: 24px;}
.MT_five_icon {width: 40px;}
.crown_icon {width: 50px;}
body{overflow-x: hidden;}
.all-heading h3 {font-size: 30px;}
.customizable_list {gap: 10px;}
.sticky-content-list img{display: none;}
.sticky-content-list { padding-left: 30px; padding-bottom: 20px;}
.sticky-content-list p{font-size: 15px;}

.steps-left-m{margin-left: 10px;}
.steps-right-m{margin-right: 10px;}
.in-view .steps-content-box p { font-size: 16px;}
.steps-content-box span { margin-bottom: 10px; font-size: 15px; height: 35px; width: 35px;}
.timeline .default-line {left: 60%;}
.timeline .draw-line {left: 60%;}
.timeline ul li::before {left: 60.5%; top: 20%; transform: translateX(-32%); width: 30px; height: 30px;}
.timeline .default-line {height: 1100px;}
.timeline ul li.in-view::before {transform: translateX(-34%); width: 35px; height: 35px;}
.banner-img-box-two {position: unset;}
.steps_gif{display: none;}
.scroll-container {display: none; align-items: center; gap: 20px;}
footer .input-wrapper input {font-size: 15px; color: #000;}


}
/*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 sm destop*/
@media only screen and (min-width:1000px) and (max-width:1200px) {
   
 }

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

 }




