/*================================
Template Name: --- WebSite Name -----
Author: CodeGama
Author website: 
Version: 1.0
================================== */

@media (max-width: 575.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 992px) {

}

@media (min-width: 1440px) {}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {
    /* Moblie Nav Style  */
.mobile-nav-header{
    display: block!important;
  }
.main-wrapped-header{
        display: none!important;
    }
    .bot-contact-info-frame ul,.bot-retail-info-list ul{
      grid-template-columns: repeat(1, 1fr)!important;
    }
}


@media (max-width: 767.98px) {
    .order-by{
        order: 1;
    }
    .bot-broker-avater-frame{
      margin-bottom: 1em;
    }
    .hero-info-wrapped h1{
      font-size: 1.8em!important;
      text-align: center;
    }
    .hero-info-wrapped p{
      text-align: center;
    }
    .section-title h2 {
        font-size: 1.6em;
    }
    .sm-padding {
        padding: 2em 0;
    }
    .section-title h4 {
        font-size: 2em;
    }
    .global{
      width: 100%!important;
    }
    .primary-btn{
      padding: 0.8em 3em!important;
    }
    .bot-broker-benefits-info p{
      font-size: 0.8em!important;
    }
    .shap-hero{
      left: 0%!important;
      transform: translate(0%, 50%);
      bottom: 50%!important;

    }
    .bot-analysis-card{
      align-items: center;
      justify-content: center;
    }
    .bot-broker-benefits-info h3,.bot-spend-card-info h3,.bot-analysis-info h3,.bot-account-card-info h3,.bot-broker-benefits-info ,.bot-spend-card-info ,.bot-cta-card h4{
      text-align: center;
      font-size: 1.2em;
    }
    .bot-analysis-info p,.bot-account-card-info p,.bot-broker-benefits-info p,.bot-spend-card-info p{
      text-align: center;
    }
    .bot-retail-info-list ul{
      grid-template-columns: repeat(1, 1fr)!important;
    }
    .bot-contact-info-frame ul{
      grid-template-columns: repeat(1, 1fr)!important;

    }
    .bot-retail-info-wrapped p{
      margin-bottom: 1.2em!important;
    }
    .bot-social-media-wrap{
      margin-bottom: 2em;
    }
    .bot-social-media-wrap ul{
      justify-content: center;
    }
    .bot-account-card{
      align-items: center;
      justify-content: center;
    }
   .bot-broker-full-card-wrap{
    margin-bottom: 2em;
   }
   .bot-spend-card{
    align-items: center;
    justify-content: center;
    height: auto!important;
    margin-bottom: 1em;
   }
   .bot-cta-card{
    flex-direction: column;
    gap: 1em;
    padding:2em  1em!important;
   }
   .bot-faq-frame .accordion-button{
    font-size: 0.65em!important;
   }
   .bot-broker-benefits-info{
    padding: 1em!important;
   }
   .bot-gridcard-wrap{
    padding: 1em!important;
    border-radius: 16px!important;
   }
   .bot-spend-card{
    padding: 1em!important;
   }
   .bot-contact-form{
    padding: 1em!important;
   }
   .bot-footer-wrap{
    padding: 2em!important;
   }
   .bot-footer-quick-link-frame ul{
    flex-direction: column;
    gap: 1em;
   }
.bot-spend-card-info p{
  font-size: 0.8em!important;
}
.bot-gridcard-wrap{
  height: auto!important;
  margin-bottom: 1em;
}
.bot-standing-wrap{
  display: none!important;
}
}

@media (max-width: 575.98px) {}


/* Large Device CSS */

@media screen and (min-width: 1400px) {
    .container {
      width: 1320px;
      max-width: 100%;
    }
  }
  @media screen and (min-width: 1600px) {
    .container {
      width: 1320px;
      max-width: 100%;
    }
    .global{
      width: 100%!important;
    }
  }
  @media screen and (min-width: 1900px) {
    .container {
      width: 1520px;
      max-width: 100%;
    }
    .global{
      width: 100%!important;
    }
  }