@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Actor&family=Arima:wght@100..700&family=Chilanka&family=Geist:wght@100..900&family=Manjari:wght@100;400;700&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Princess+Sofia&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --poppins: "Geist", sans-serif;
  --small: 0.9rem;
  --xs: 0.8rem;
  --xxs: 0.75rem;
  --primary: #B80018;
  --off-white: #f8fafb;
  --light-gray: #fafafa;
  --gray: #6e6e6e;
  --white: #ffffff;
  --blue: #3937e4;
  --blue2: #3d2de3;
  --blue3: #007bff;
  --green: #00d56e;
  --green2: #2DB976;
  --dgreen: #28a745;
  --purple: #a700fe;
  --yellow: #FFC336;
  --orange: #fd7e14;
  --light-blue: #d3e8ff;
  --baby-blue: #f5f7ff;
  --light-green: #d8ffec;
  --red: #f60000;
  --pastel-red: #ffd7d7;
  --pastel-orange: #ffe8d4;
  --pastel-purple: #f0d9ff;
}

body {
  background: white;
  font-family: "Poppins", sans-serif;
}





.w-fitcontent {
  width: fit-content !important;
}

.fs-7 {
  font-size: var(--small) !important;
}

.fs-8 {
  font-size: var(--xs) !important;
}

.fs-9 {
  font-size: var(--xxs) !important;
}

.px-12 {
  padding-inline: 8rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 1rem;
}

.bg-card {
  background-color: #5D5D5D !important;
}

.gridspan-2 {
  grid-column: span 2;
}

.poppins {
  font-family: var(--poppins);
}


.logo {
  width: 80px;
}

.web-logo {
  max-width: 250px;
}

.header {
  padding: 0.8rem 2.4rem;
  background: rgb(255,255,255)!important;
  background: linear-gradient(126deg, rgba(255,255,255,0.6907095601912641) 0%, #AC9295 13%, #B80018 27%)!important; 
}


.header .w-pill a {
  padding: 0.3rem 0.7rem;
  font-size: 1.3rem;
  color: white;
}

.header .w-pill a.active {
  background-color: black;
  color: #fff;
  font-weight: 500;
  border-radius: 1.3rem;
  transition: all 0.4s ease-in;

}

.w-circle {
  border-radius: 100%;
  padding: 0.4rem;
  background-color: var(--white);
  align-self: center;
}



.header a {
  text-decoration: none;
  color: black;
}

.valign {
  vertical-align: middle;
}

.theme-gradient {
  background: rgb(255, 255, 255) !important;
}

.bg-gray {
  background-color: #E5E5E5;
}
.bg-gray-50{
  background-color: #F8F8F8;
  }

.text-gray-400 {
  color: #474747;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: black !important;
}

/* .custom-message {
  animation: fadeSlide 0.3s ease-in-out;
  background-color: #373536 !important;
} */

.custom-message {
  animation: fadeSlide 0.3s ease-in-out;
  border-color: var(--primary) !important;
  background-color:var(--primary) !important;
  color: rgb(15, 139, 42) !important;
  font-family: var(--poppins);
  padding: 10px 40px !important;
}

/* Scrollbar for Webkit (Chrome, Edge, Safari) */
.custom-scrollbar::-webkit-scrollbar {
  height: 4px;
  /* for horizontal scroll */
  width: 6px;
  /* for vertical scroll */
}

.button-green {
  background-color: #1F9936 !important;
  max-width: fit-content;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: white;
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: white;
  /* green scrollbar */
  border-radius: 10px;
  border: 2px solid white;
  /* space around thumb */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: white;
  /* darker on hover */
}

/* Optional: Smooth scrolling */
.custom-scrollbar {
  scroll-behavior: smooth;
}



.border-theme {
  border: 1px solid white !important;
  border-radius: 4px;
  background-color: transparent;
}

.btn-outline-theme {
  border: var(--primary) 1px solid;
  border-radius: 4px;
  color: var(--primary);
  background-color: var(--white);
}


.bcolleges {
  background-color: var(--primary) !important;
  color: white !important;
  font-weight: 500;
  text-align: center;
}

.noshrink-25 {
  flex-shrink: 0;
  flex-basis: 25%;
}

.noshrink-70 {
  flex-shrink: 0;
  flex-basis: 70%;
}


.space-y-3>* {
  margin-top: 1rem;

}
.rounded-curve {
  border-radius: 20px;
  height: 230px;
  object-fit: cover;
}
.download-icon {
  background-color: #CECECE !important;
  bottom: 10px; 
  right: 20px;
}

.index-card-gradient {
  background: linear-gradient(137.72deg, #F5F5F5 12.63%, #FAF7ED 109.87%);
}

.complete-your-profile {
  background: linear-gradient(137.72deg, #2c2b2b 70.63%, #FAF7ED 109.87%);
}

.pagination-btn {
  color: var(--primary) !important;
}

.cinput {
  border: 1px solid #F2F2F2;
  border-radius: 0.3rem;
  padding: 0.6rem 0.5rem;
  background-color: #F2F2F2;
  width: 100%;
}

.bg-switch {
  background-color: var(--white);
}

.cursor-pointer {
  cursor: pointer;
}

.table-wrapper {
  border-radius: 0 0 1rem 1rem;
  overflow: hidden;
  padding: 1rem;
  background-color: #F6F6F6
}

.custom-table {
  --bs-table-bg: var(--white) !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
  width: 100%;
  margin-bottom: 0;
}

.table.custom-table thead tr:first-child th:first-child {
  border-top-left-radius: 8px;
  /* Adjust the value as needed */
}

.table.custom-table thead tr:first-child th:last-child {
  border-top-right-radius: 8px;
  /* Adjust the value as needed */
}

.table.custom-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
  /* Adjust the value as needed */
}

.table.custom-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
  /* Adjust the value as needed */
}

.custom-table> :not(caption)>*>*:not(:first-child) {
  padding: 0.8rem 0.5rem !important;
}

.custom-table> :not(caption)>*> :first-child {
  padding-left: 1rem !important;
  /* Custom padding for the first <th> and <td> */
}

.custom-table thead>tr th {
  background-color: #FFFAEC;
  border-color: #FFFAEC;
  font-weight: 500;
}

.custom-table th,
.custom-table td {
  font-size: var(--small);
}

.custom-table tbody {
  border-collapse: separate;
}

.custom-table tbody td {
  background-color: white;
  font-size: var(--xs);
  color: #474747;
}

.custom-table tbody td p {
  margin-bottom: 0;
}

.custom-table th {
  color: black !important;
  font-weight: 400;
}

.chart-container {
  width: 100%;
  max-width: 200px;
  /* Maximum size on larger screens */
  margin: 0 auto;
  /* Center the chart */
}


.relative {
  position: relative;
}

.absolute {
  position: absolute;
  top: 10px;
  right: 5px;
}

.custom-message {
  animation: fadeSlide 0.3s ease-in-out;
  border-color: white !important;
  background-color:white !important;
  color: var(--primary) !important;
  padding: 10px 40px !important;
}


.home-heading h1 {
  font-size: 3.5rem;
  color: #373536;
  font-weight: 600;
  font-style: 63px;
}

.home-heading img {
  max-width: 510px;
}

.college-description {
  padding-right: 50px;
}

/* .cities {
  background-color: #FAFAFA !important;
} */

.college-list {
  border-radius: 20px;
}
.college-list img{
   max-width: 100%;
   height: 200px;
   object-fit: cover;
   border-radius: 16px;
}

.college-list p {
  max-width: 350px;
}

.text-gray {
  color: #6E6E6E !important;
}

.head-sec{
  color: #383636 !important;
}

.footer {
  background-color: #404040;
}

.text-truncate-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  /* min-height: 4rem; */
}

.footer a {
  color: white;
  text-decoration: none;
  font-weight: 500;
}

.footer-logo p {
  max-width: 750px;
  color: white;
  padding-top: 30px;
}

.login-logo {
  max-width: 200px;
  height: auto;
}

.fitted-image {
  width: 100% !important;
  height: 200px;
  object-fit: cover;
}

.addquestion {
  background-color: var(--primary) !important;
  color: white !important;
  font-weight: 500;
  border: none;
  padding: 8px 18px;
  border-radius: 10px;
}

.cities h4 {
  font-size: 1.2rem;
}

/* .college-details h5 {
  height: 3rem;
} */

/* .college-details h6 {
  height: 2rem;
} */

.back-arrow {
  color: black;
}
@media (max-width:1200px) {
  .logo {
    width: 50px;
  }

}

@media (max-width:990px) {
  .bg-switch {
    background-color: transparent;
  }
}

@media(max-width:600px) {
  .header {
    padding: 1.4rem 2rem;
    background-color: white !important;
  }

  .login-logo {
    max-width: 170px !important;
    height: auto;
  }

  .title-heading {
    background-color: var(--primary);
    color: white;
  }

  .btn-txt {
    white-space: nowrap;
    font-size: var(--xs) !important;
  }

  .student-image {
    max-height: 190px;
    object-fit: cover;
  }

  .home-logo {
    width: 180px !important;
  }

  .fitted-image {
    width: 100% !important;
    height: 100px;
    object-fit: cover;
  }

  .cities h4 {
    font-size: 0.8rem;
    /* min-height: 2.8rem; */
  }

  .bcolleges {
    font-size: var(--xs) !important;
  }
  .college-details h5 {
    font-size: 1.2rem;
    /* height: 3rem; */
  }

  .college-details h6 {
    font-size: 0.9rem;
    /* height: 2rem; */
  }

  .college-details p {
    font-size: 0.9rem !important;
  }
  .download-icon {
    background-color: #CECECE !important;
    bottom: 5px !important; 
    right: 10px !important;
  }
  .college-list {
    border-radius: 10px;
  }
  .college-list img{
    max-width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
 }
 .rounded-curve {
  border-radius: 10px;
  height: 100px;
}

.call-button {
  border-radius: 30px !important;
  padding: 5px 25px !important;
}
.college-description {
  padding-right: 0px;
}

.back-arrow {
  color: white !important;
  padding-left: 20px;
}
}