/* Global Responsive Styles */
@media (max-width: 1392px) {
  .demo {
    display: block;
  }
  .btn-demo {
    width: 55%;
    margin-bottom: 15px;
  }
}

@media (max-width: 1240px) {
  .btn-warning {
    width: 70%;
   
  }
}

@media (max-width: 1200px) {
  .btn-demo {
    width: 66%;
  }
  
  /* Typography */
  .heading-1 {
    line-height: 55px;
  }
  
  .heading-2 {
    line-height: 38px;
  }
  
  .heading-3 {
    line-height: 32px;
  }
  
  .heading-4 {
    line-height: 36px;
  }
  
  .section6 .img-fluid {
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  .btn-warning {
    width: 76%;
  }
}

/* Fix for column layout between 900px and 1050px */
@media (min-width: 900px) and (max-width: 1050px) {
  /* Section 1 column adjustments */
  .section-1 .col-md-7 {
    width: 60%;
  }
  
  .section-1 .col-md-5 {
    width: 40%;
  }
  
  /* Typography adjustments for this specific range */
  .heading-1 {
    line-height: 50px;
  }
  
  .heading-2 {
    line-height: 34px;
  }
  
  /* Button adjustments */
  .btn-warning {
    padding: 10px 20px;
    width: 70%;
  }
  
  .btn-login {
    padding: 8px 20px;
  }
  
  /* Image sizing */
  .section-1 .img-fluid {
    max-width: 95%;
  }
}

@media (max-width: 991px) {
  /* Navbar */
  .navbar-collapse {
    background: rgba(18, 18, 18, 0.95);
    padding: 20px;
    border-radius: 8px;
    margin-top: 10px;
  }
  
  .nav-buttons {
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
    gap: 10px;
  }
  
  /* Offcanvas width */
  .offcanvas {
    width: 280px !important;
  }
  
  .offcanvas-body .nav-item {
    display: block;
  }
  
  /* Section 1 */
  .section-1 {
    padding: 14px 5px;
  }
  
  .heading-1 {
    line-height: 48px;
  }
  
  .heading-2 {
    line-height: 34px;
  }
  
  /* Section 2 */
  .offer-card {
    height: auto;
  }
  
  /* Section 3 */
  .steps {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
  
  /* Section 4 */
  .benefit-card h3 {
    min-height: auto;
  }
  
  /* Section 5 */
  .comparison-table {
    margin: 30px auto;
  }
  
  /* Section 6 */
  .section6 {
    padding: 60px 0;
  }
  
  .section6 .col-lg-6:last-child {
    margin-top: 3rem;
    justify-content: center;
  }
  
  .section6 .lead {
    max-width: 100%;
  }
  
  /* Footer */
  .footer-left {
    padding-right: 0;
    margin-bottom: 30px;
  }
  
  .section11 {
    padding: 50px 0 0 0;
  }
  
  .footer-divider {
    margin-top: 50px;
  }
  
  /* Contact */
  .contact-info-container, 
  .social-media-container {
    height: auto;
  }
  
  .contact-info-container {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  /* Header */
  .head {
    padding: 0;
  }
  
  .nav-bg {
    padding: 5px 10px;
    border-radius: 0;
  }
  
  .logo-img {
    max-height: 60px;
  }
  
  /* Typography */
  .heading-1 {
    line-height: 42px;
  }
  
  .heading-2 {
    line-height: 30px;
  }
  
  .heading-3 {
    line-height: 28px;
  }
  
  .heading-4 {
    line-height: 30px;
  }
  
  .heading-5 {
    line-height: 26px;
  }
  
  .p1, .p2, .p3, .p4 {
    line-height: 22px;
  }
  
  /* Section 1 */
  .section-1 {
    padding: 30px 15px;
  }
  
  .mb-4 {
    margin-bottom: 1.5rem !important;
  }
  
  /* Buttons */
  .btn-warning, .btn-login {
    margin-bottom: 10px;
  }
  
  .btn-demo {
    width: 60%;
    /* margin-bottom: auto; */
  }
  
  .btn-login, .btn-signup {
    padding: 10px 20px;
  }
  
  .send-message-btn {
    padding: 10px 20px;
  }
  
  /* Section 2 */
  .section2 {
    padding: 8px 0;
  }
  
  .top-polygon img, .bottom-polygon img {
    max-width: 40%;
  }
  
  /* Section 3 */
  .section3 {
    padding: 40px 0;
  }
  
  .steps {
    grid-template-columns: 1fr;
  }
  
  /* Section 4 */
  .section4 {
    padding: 40px 0;
  }
  
  .benefit-card {
    padding: 20px;
  }
  
  /* Section 5 */
  .section5 {
    padding: 40px 0;
  }
  
  /* Section 6 */
  .section6 {
    padding: 40px 0;
  }
  .bottom-polygon {
    right: -277px;
  }
  /* Footer */
  .section11 {
    padding: 40px 0 0 0;
  }
  
  .footer-links-section {
    margin-bottom: 30px;
  }
  
  .footer-divider {
    margin-top: 30px;
  }
  
  .footer-left {
    padding-right: 0;
  }
  
  .footer-heading {
    margin-bottom: 15px;
  }
  
  .footer-links li {
    margin-bottom: 10px;
  }
  
  /* Contact */
  .contact-description br {
    display: none;
  }
  
  /* Container spacing */
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .row-1 {
    margin-left: -10px;
    margin-right: -10px;
  }
  
  .col-12, .col-md-4, .col-md-6, .col-md-7, .col-lg-3, .col-lg-4, .col-lg-6 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 921px) and (max-width: 991px) {
  .btn-demo {
    margin-bottom: auto; 
  }
}

@media (min-width: 577px) and (max-width: 765px) {
  .btn-demo {
    margin-bottom: 20px; 
  }
}

@media (max-width: 576px) {
  /* Typography */
  .heading-1 {
    line-height: 38px;
  }
  
  .heading-2 {
    line-height: 28px;
  }
  
  .heading-3 {
    line-height: 26px;
  }
  
  .heading-4 {
    line-height: 28px;
  }
  
  /* Section 1 */
  .section-1 {
    padding: 20px 10px;
  }
  
  .section-1 .mb-2.d-flex {
    flex-direction: column;
  }
  
  /* Section 2 */
  .offer-card {
    padding: 15px;
  }
  
  .icon-wrapper {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  
  /* Section 3 */
  .step-card {
    padding: 15px;
  }
  
  /* Section 4 */
  .benefit-card {
    padding: 15px;
  }
  
  .benefit-list li {
    padding-left: 15px;
  }
  
  /* Section 5 */
  .comparison-table {
    margin: 20px auto;
  }
  
  .table-row {
    padding: 15px 0px;
  }
  
  /* Section 6 */
  .section6 .display-4 {
    line-height: 30px;
  }
  
  .section6 .lead {
    line-height: 22px;
  }
  
  .section6 .btn {
    width: 100%;
    margin-bottom: 10px;
  }
  
  .section6 .d-flex {
    flex-direction: column;
  }
  .btn-demo {
    margin-bottom: 15px;
  }
  .learn-more-btn{
    width: 50%; 
  }
  /* Offcanvas */
  .offcanvas {
    width: 100% !important;
  }
  
  .navbar-toggler {
    padding: 6px 10px;
  }
  
  /* Footer */
  .section11 {
    padding: 30px 0 0 0;
  }
  
  .footer-left {
    text-align: center;
    margin-bottom: 30px;
  }
  
  .footer-links-section {
    text-align: center;
  }
  
  .footer-heading {
    margin-bottom: 12px;
  }
  
  .footer-divider {
    margin-top: 30px;
  }
  
  .footer-copyright {
    padding: 15px 0;
  }
}

@media (max-width: 480px) {
  /* Typography */
  .heading-1 {
    line-height: 34px;
  }
  
  .heading-2 {
    line-height: 26px;
  }
  
  /* Buttons */
  .btn {
    padding: 8px 3px;
  }
  
  .btn-login {
    width: 55%;
    padding: 5px 16px;
  }
  
  .btn-signup {
    padding: 5px 16px;
  }
  
  .send-message-btn {
    padding: 8px 16px;
    width: 100%;
  }
  
  /* Logo */
  .logo-img {
    max-height: 60px;
  }
  
  .img-r img {
    width: 40px !important;
    height: 40px !important;
  }
  
  /* Section 1 */
  .mb-4 {
    margin-bottom: 1rem !important;
  }
  
  /* Section 2 */
  .bottom-polygon {
    right: -277px;
  }

  /* Section 4 */
 
  
  /* Section 5 */
 
  .table-row .col-4 {
    padding: 5px !important;
  }
  
  .table-row .col-4:first-child {
    width: 50%;
  }
  
  .table-row .col-4:not(:first-child) {
    width: 25%;
  }
  
  /* Form */
  .form-control {
    padding: 7px 15px;
  }
  
  /* Pages */
  .privacy-policy-page {
    padding: 30px 0;
  }
  
  .contact-section {
    padding: 0px 0;
  }
}

@media (max-width: 355px) {
  .btn-warning {
    width: 90%;
  }
  
  .btn-login {
    width: 50%;
  }
}