@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');


.connect h1, .deploy h1, .everyone h1, .faq_div.even h2, .faq_div.odd h2, .feature_heading, .product h1, .school h1, .section-heading, .teacher h1, .top_div h1, h1, h2, section h2.section-heading {
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
}
/* Base Styles */
body {
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  color: #2D2D2D;
  /* background-color: #FAFAFA; */
  margin: 0;
  padding: 0;
}

/* Headings */
h1 {
  font-size: 6rem; /* 48px */
  font-weight: 700!important;
  line-height: 1.2;
  margin-bottom: 1rem;
}

h2 {
  font-size: 5rem; /* 36px */
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.75rem;
}

h3 {
  font-size: 4rem!important; /* 24px */
  font-weight: 600!important;
  line-height: 1.4!important;
  margin-bottom: 0.5rem!important;
}

h4, h5, h6 {
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

h4 { font-size: 3rem!important; }
h5 { font-size: 2rem!important; }
h6 { font-size: 1.40rem!important; }

/* Paragraphs */
p {
  font-size: 1.95rem!important;
  line-height: 1.6!important;
  margin-bottom: 1.25rem!important;
}

/* Small Text */
small, .text-small {
  font-size: 0.875rem;
  color: #666;
}

/* Buttons */
 button, .btn {
  font-size: 1.70rem!important; 
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  cursor: pointer;
}

button:hover, .btn:hover {
  background-color: none;
} 

/* Utility */
.text-muted {
  color: #888;
}



.title_txt h1 {
    margin: 80px 0;
    line-height: 1.42857143;
}

.title_txt h2 {
    margin: 10px 0!important;
    line-height: 1.42857143;
}


@media (max-width: 600px) {
    h1 {
        font-size: 4rem; /* 48px */
        font-weight: 700!important;
        line-height: 1.2;
        margin-bottom: 1rem;
      }
      
      h2 {
        font-size: 3rem; /* 36px */
        font-weight: 600;
        line-height: 1.3;
        margin-bottom: 0.75rem;
      }
      
      h3 {
        font-size: 2.50rem!important; /* 24px */
        font-weight: 600!important;
        line-height: 1.4!important;
        margin-bottom: 0.5rem!important;
      }
      
      h4 { font-size: 2rem!important; }
      h5 { font-size: 1.70rem!important; }
      h6 { font-size: 1.40rem!important; }
      
      p {
        font-size: 1.70rem!important;
        line-height: 1.6!important;
        margin-bottom: 1.25rem!important;
      }
}



@media (min-width: 1200px) {
    .container {
        width: 100%!important;
        padding-right: 50px;
        padding-left: 50px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 1200px) {
    .head_foot_container {
        width: 1024px !important;
    }
}

 a:focus, a:hover  {
    text-decoration: underline!important;
}