@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap");
body {
  font-family: Poppins, 'helvetica';
  font-weight: 500;
}
.highlighted {
  background-color: black;
}
.chosen {
  background-color: black;
}
ul {
  text-decoration: none;
}
.pointer {
  cursor: pointer;
}
.antiquewhite {
  background-color:gainsboro;
}
.dsg {
  background-color: darkslategrey;
  color: white;
}
.darkorchid {
  background-color: darkorchid;
  color: white;
}
.sep {
  height: 12px;
  background-color: darkslategray;
}

.denton-textarea {
  min-height: 400px;
}
.bg-white {
  background-color: white;
}
.denton-label-sm {
  font-size: 16px;
}

 #cg1 {
   margin: 0 auto;
   padding: 0 16px;
   max-width: 1984px;
 }

 #cg1 .card {
   flex: 1 1 24%;
   min-width: 250px;
   width: 24%;
   max-width: 24%;
 }

 .tooltip-inner {
   max-width: 700px;
   background-color: #01aeee;
   font-size: 14px;
   text-align: left;
 }

 .tooltip .tooltip-arrow::before {
   border-top-color: #01aeee !important;
 }

 .main-content {
   flex: 0 1 60%;
   box-sizing: border-box;
   padding: 0 0 0 32px;
 }

 .main-content h2 {
   font-size: 1.4rem;
 }

 .main-content p {
   font-weight: 400;
 }

 .main-content ul {
   list-style-type: circle;
   padding-left: 80px;
   font-weight: 400;
 }

 @media (max-width: 1200px) {
   #cg1 .card {
     flex: 1 1 33%;
     width: 33%;
   }

   .main-content {
     flex: 0 1 70%;
     padding-left: 20px;
   }

   .main-content h2 {
     font-size: 1.5rem;
   }
 }

 @media (max-width: 992px) {
   #cg1 .card {
     flex: 1 1 50%;
     width: 50%;
   }

   .main-content {
     flex: 0 1 80%;
     padding-left: 10px;
   }

   .main-content h2 {
     font-size: 1.6rem;
   }

   .main-content ul {
     padding-left: 40px;
   }
 }

 @media (max-width: 768px) {
   #cg1 .card {
     flex: 1 1 100%;
     width: 100%;
     margin-bottom: 15px;
   }

   .main-content {
     flex: 0 1 100%;
     padding-left: 10px;
   }

   .main-content h2 {
     font-size: 1.8rem;
   }

   .main-content p {
     font-size: 1.2rem;
   }

   .main-content ul {
     padding-left: 20px;
   }
 }

 @media (max-width: 576px) {
   #cg1 .card {
     flex: 1 1 100%;
     width: 100%;
     margin-bottom: 20px;
   }

   .main-content {
     flex: 0 1 100%;
     padding-left: 10px;
   }

   .main-content h2 {
     font-size: 2rem;
   }

   .main-content p {
     font-size: 1.3rem;
   }
 }

 /* Form container */
 .interactive-form {
   background-color: #ffffff;
   border: 1px solid #ddd;
   border-radius: 12px;
 }

 /* Input styling */
 .interactive-input {
   border-radius: 8px;
   transition: all 0.3s ease;
 }

 .interactive-input:focus {
   border-color: #007bff;
   box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
 }

 .interactive-input:hover {
   border-color: #80bdff;
 }

 /* Floating label styling */
 .form-floating>label {
   color: #495057;
   font-weight: 500;
 }

 /* Small text */
 .text-secondary {
   font-size: 0.85rem;
 }

 @media (max-width: 767px) {
   .col-md-6 {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }