@media (max-width: 480px) {
 
    .container {
        padding: 20px 20px 0px 20px;
        font-size: 18px;
    }
    .navbar {
        background: #fff;
        padding: unset;
        margin-bottom: 15px;
    }

    .row{
      padding: unset;
      margin: unset;
    }

    .hero-section .img-container .expand-image {
      width: 100%;
      position: unset;
      height: auto;
      object-fit: contain;
      margin-left: 0px;
      margin-top: 20px;
    }
    
    .hero-section h1 {
        font-size: 36px;
        line-height:1.3;
    }

    .hero-section h2 {
      font-size: 38px;
    }

    .hero-section h1 span img {
        height: 36px;
        margin-bottom: 14px;
    }

    .hero-section p.lead {
        font-size: 16px;
        font-weight: 500;
    }

    .hero-section {
        text-align: center;
        padding: 0;
    }

    .hero-section .cta-action a {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .empower-business .container{
      padding: 2px 16px 0px 16px;
    }

    .empower-business p{
      font-size: 16px;
    }

    .about-section h4{
      font-size: 24px;
    }

    .about-section .about-col {
      margin-bottom: 20px;
      height: auto;
    }

    
    .about-section h2{
      text-align: center;
      line-height: 1.4;
      padding: 0px 20px 15px 20px;
    }

    .benefits-section .benefits h2{
      line-height: 1.4;
      padding: 0px 70px 15px 0px;
    }

    .faq-section h2.head{
      text-align: left;
      line-height: 1.4;
      padding: 0px 45px 0px 5px;
    }

    .about-col .about-wrap {
      margin: 0px;
      white-space: nowrap; 
    }

    .about-section .about-col p{
      font-size: 18px;
    }

    .benefits{
      margin-left: 10px;
    }

    .benefits-section{
      padding: 20px 0px;
      margin-bottom: 20px;
    }

    .benefits-section .benefits h4{
      font-size: 22px;
    }

    .benefits-section .benefits p{
      font-size: 16px;
    }

    .benefits-section .benefits h4 i{
      margin-right: 6px;
    }

    .benifits-cont{
      order: 2;
    }

    .faq-section{
        padding: 20px 0px;
    }

    .faq-section.no-bg button.accordion-button{
      padding-left: 5px;
      padding-right: 5px;
    }

    .faq-section ul li{
      font-size: 16px;
    }

    .features {
      padding: 20px 10px 20px 10px;
    }

    .features .feature-text h3 {
      font-size: 32px;
      text-align: center;
    }

    .features .container{
      padding:0px;
    }

    .features .feature-text p{
      padding: 0px 5px;
      text-align: center;
      font-size: 16px;
    }

    .features .feature-text h2{
      font-size: 34px;
      text-align: center;
    }

    .about-section h3{
      font-size: 36px;
      text-align: center;
    }

    .features .position-relative {
      min-height: 250px;
    }

    .about-section{
      padding: 25px 20px;
    }

    .about-section .title h2 {
      font-size: 34px;
    }

    .about-section .title , .about-section .about-image-container {
      margin-bottom: 38px;
    }

    .about-section h2, .benefits-section .benefits h2, .faq-section h2.head, .expand-business .expand-cta-section h2 {
      font-size: 30px;
    }

    .about-section p{
      font-size: 24px;
    }

    .expand-business .expand-cta-section h2 {
      font-size: 30px;
      text-align: left;
    }

    .expand-business .expand-cta-section p {
      font-size: 16px;
    }

    .footer{
      padding:unset;
    }

    .footer .technology-desc p{
      text-align: center;
      font-size: 18px;
      padding: 0px;
    }

    .footer .footer-menus, .footer .footer-quick-links {
      margin-left: 6px;
      margin-top: 20px;
      text-align: justify;
      padding: 0px;
    }

    .footer .footer-menus h3, .footer .footer-quick-links h3{
      font-size: 20px;
    }

    .footer .footer-menus ul li a, .footer .footer-quick-links ul li a{
      font-size: 16px;
    }

    .footer .footer-menus ul, .footer .footer-quick-links ul{
      gap: 16px;
    }

    .copyrights {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
  
    .copyrights p {
      order: 2;
      margin-top: 10px;
    }
  
    .copyrights .policies {
      order: 1;
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      padding: 0;
      margin: 0;
    }
  
    .policies li {
      display: inline;
    }

    .footer-rights-policies .copyrights ul{
      margin-bottom:15px;
    }

    .badge.rounded-pill.text-bg-primary{
      margin : 0px 0px 15px 37%;
    }

    .badge-sec h2{
      padding:0px ;
    }

    .badge-sec p{
      font-size: 20px;
      text-align: center;
    }

   
    .reverse-on-second {
      order:2;
    }

    .reverse-on-one {
      order:1;
    }
  
    .reverse-on-three{
      order:3;
    }

    .reverse-on-four{
      order:4;
    }

    .contact-form{
      padding: 20px;
    }

    .contact-box{
      padding :30px 0px;
    }

    .contact-detail .icon-section{
      padding-left : 40px;
    }

    .contact-detail .icon-section.map::before{
      top: 7%;
    }

    .contact-detail .icon-section.address::before{
      top: 12%;
    }
   
    .form-footer-stack {
      flex-direction: column;
      align-items: flex-start; /* aligns checkbox to left */
      gap: 10px; /* spacing between checkbox and button */
    }
  
    .form-footer-stack .btn {
      width: 100%; /* optional: full width button */
    }

    .contact-form .form-check-label{
      font-size: 18px;
    }

    .form-footer-stack .btn {
      width: 60%;
      margin-bottom: 30px;
      margin-top: 20px;
      margin-left: 0px;
    }

    .map-responsive {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 ratio */
      height: 0;
      overflow: hidden;
    }
    
    .map-responsive iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

    .faq-section div.accordion-body {
      font-size: 16px;
      font-weight: 400;
      padding-top: 5px;
      padding-left: 5px;
      padding-right: 5px;
    }
    
    .empower-video{
      height: auto;
    }

    .p-5{
      padding :20px 0px !important;
    }

    .build-future h2 {
      font-size: 30px;
      margin-bottom: 20px;
    }

    .build-future p {
      font-size: 16px;
    }

    .about-section .col-md-4 {
      margin-bottom: 12px;
    }

    .benefits-section .benefits-header h2 {
      font-size: 36px;
    }

    .hero-banner{
      padding-bottom: 24px;
    }

    .terms-and-services .terms p, .terms-and-services .terms ul li{
      font-size: 18px;
    }

    .terms-and-services{
      padding:30px 0px;
    }

    .terms-and-services .terms h3{
      font-size: 20px;
    }

    .my-5{
      margin-top: 0px !important;
    }

    .footer-logo img {
      width: 55%;
      text-align: center;
    }

     .footer .list-inline-item:not(:last-child) {
        margin-right: 18px ;
    } 

    .footer .list-inline-item a{
      width:40px; height: 40px;
    }

    .founder-section,.testimonial-section{
      padding: 20px 0px;
    }

    .founder-section h2{
      font-size: 30px;
      margin-bottom:20px;
    }

    .testimonial-section h2{
      font-size: 30px;
    }

    .founder-section p,.testimonial-section p{
      font-size: 20px;
    }

    .founder-section .img-container img{
      width: 80%;
    }

    .testimonial-section .testimonial-cards .card .card-body .card-text{
      font-size: 20px;
    }

}

@media (max-width: 320px) {
  .container {
    padding: 20px 20px 0px 20px;
    font-size: 18px;
  }
  .navbar {
    background: #fff;
    padding: unset;
  }

  .row{
    padding: unset;
  }
}
/***** index.html*********/
@media (max-width: 1393px) {
    .expand-business {
      flex-direction: column;       
      align-items: center;         
      text-align: center;  
      overflow: visible;        
    }
  
    .expand-business .expand-cta-section {
      padding: 20px 16px;          
    }
  
    
    .expand-business .expand-cta-section p {
      text-align: left;             
    }
  
    .expand-business .img-container {
        /* width: 98%; */
        position: relative;
        overflow: visible;    
        padding-top: 0px;     
    }
  
    .expand-business .img-container .expand-image {
      position: static !important;   
      width: 100% !important;        
      height: auto !important;
      object-fit: contain;
      display: block;    
      padding: 0px;
    }

    .hero-section .img-container{
      /* width: 98%; */
      position: relative;
      overflow: visible;      
    }

    .hero-section .img-container .expand-image {
      position: static !important;
      width: 100% !important;
      height: auto !important;
      object-fit: contain;
      display: block;
      padding: 0px;
      margin-left:0px;
    }
  }
  
  @media (max-width: 588) {
    .expand-business .container .row{
      margin-left: 0px !important;
      margin-right: 0px !important;
    }
  }
  
  @media (max-width: 768px) {
    .footer .footer-menus,
    .footer .footer-quick-links {
      margin-left: 6px;
      margin-top: 20px;
      text-align: justify;
      padding: 0px;
    }
  
    .footer .footer-menus ul,
    .footer .footer-quick-links ul {
      justify-content: justify;
    }
    .footer .footer-menus h3, .footer .footer-quick-links h3{
        font-size: 16px;
    }

    .hero-section .img-container .expand-image {
      position: static !important;
      width: 100% !important;
      height: auto !important;
      object-fit: contain;
      display: block;
      padding: 0px;
  
    }

    .faq-section.no-bg{
      padding:30px 0px;
    }

   
    
  }
  
  
  @media (max-width: 980) {
    .hero-section .img-container .expand-image {
      position: static !important;
      width: 100% !important;
      height: auto !important;
      object-fit: contain;
      display: block;
      padding: 0px;
  
    }
  }