body {
  font-family: "Inter", sans-serif;
}

.nav-link {
  font-weight: 500 !important;
  padding: 0 1.5rem !important;
}

.hero-sec {
  background: url(../img/bg.png) no-repeat center;
  background-size: cover;
}

.hero_pad {
  padding: 80px 0px;
}

.hero-sec h1 {
  line-height: 50px;
  font-weight: 700 !important;
}

.highlight {
  color: #00bfa6;
}



.subtext {
  color: #6c757d;
}

.sec-padding {
  padding: 80px 0px;
}

.feature-icon {
  font-size: 0.9rem;
  margin-right: 10px;
}

.logos img {
  max-height: 30px;
  margin: 0 10px;
  opacity: 0.8;
}

.btn-main {
  border: 1px solid rgba(73, 187, 189, 1);
  background: rgba(73, 187, 189, 1);
  box-shadow: 0px 0px 0px 4px rgba(244, 235, 255, 1);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  font-weight: 500;
  color: #fff;

}

.btn-main-light {
  border: 1px solid rgba(234, 255, 249, 1);
  background: rgba(234, 255, 249, 1);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: rgba(73, 187, 189, 1);
  font-weight: 500;
}

.search-tag {
  border: 1px solid rgba(236, 221, 221, 1);
  border-radius: 0.5rem;
  padding: 0.4rem 0.75rem;
  margin: 0.25rem;
  display: inline-flex;
  align-items: center;
  font-size: 0.9rem;
  font-weight: 500;
  color: #333;
}

.search-tag .remove {
  margin-left: 0.5rem;
  cursor: pointer;
  font-weight: bold;
}


.bg_light_theme {
  background-color: #eaf7fa;
}

.card-custom {
  border: none;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s;
}

.card-custom:hover {
  transform: translateY(-5px);
}

.card-img-top {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  height: 200px;
  object-fit: cover;
}

.tag-icon {
  font-size: 0.8rem;
  color: #999;
}

.card-title {
  font-weight: 600;
  font-size: 1.1rem;
}

.card-text {
  font-size: 0.9rem;
  color: #6c757d;
}

.instructor {
  display: flex;
  align-items: center;
}

.instructor img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 8px;
}

.price {
  color: #02bfa4;
  font-weight: bold;
}

.old-price {
  text-decoration: line-through;
  color: #999;
  margin-right: 8px;
}


.faq-item {
  transition: border 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.faq-item.active {
  border: 2px solid #b9f3f0;
  box-shadow: 0 0 12px rgba(41, 202, 191, 0.1);
}

.custm-card {
  border: 1px solid rgba(242, 242, 242, 1);
  padding: 20px;
  border-radius: 10px;
}

.footer-dark {
  background-color: #0f1624;
  color: #fff;
}

.footer-dark ul li a {
  color: #fff;
  text-decoration: none;
}


/* Teal theme utilities */
.bg-teal {
  background-color: #3db9b4;
}

.btn-teal {
  background-color: #3db9b4;
  color: #fff;
  border: none;
}

.btn-teal:hover {
  background-color: #349e9a;
  color: #fff;
}

/* Collaboration cards */
.collab-card {
  transition: transform 0.2s ease;
  box-shadow: 0px 0px 4px 0px rgba(84, 191, 193, 1);
  border-radius: 10px;
  border: none;
}

.collab-card:hover {
  transform: translateY(-5px);
}

.breadcrumb_sec {
  background: url(../img/brad.png) no-repeat center;
  background-size: cover;
  color: #fff;
  min-height: 250px;
  display: flex;
  align-items: center;
}

.breadcrumb_sec h1 {
  font-size: 50px;
  font-weight: 600;
}

.breadcrumb {
  background: var(--White_grey, rgba(245, 245, 245, 1));
  color: var(--Dark_gray, rgba(85, 85, 85, 1));
  padding: 15px;
}

.bredcrumb_bg2 {
  background: url(../img/bred2.png) no-repeat center;
}

.bredcrumb_bg3 {
  background: url(../img/bread3.png) no-repeat center;
}


.course-card img {
  object-fit: cover;
  width: 100%;
}

.course-card {
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.price del {
  color: #aaa;
  margin-right: 10px;
}

.sidebar {
  border-left: 1px solid #ddd;
  padding-left: 20px;
}

.form-check-label {
  margin-left: 5px;
}

.rating span {
  color: gold;
  font-size: 14px;
}

.rating .inactive {
  color: #ccc;
}

.login_sec {
  background-color: #f0f8ff;
  background-image: url(../img/login_bg.png);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-box {
  background: #fff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  width: 100%;
}

.login-box .form-control {
  border-radius: 5px;
}

.login-box .form-label {
  margin-bottom: 4px;
  font-weight: 500;
}

.login-box .form-text {
  font-size: 0.875rem;
  text-align: right;
}

.btn-primary {
  background-color: #20b2aa;
  border-color: #20b2aa;
}

.btn-primary:hover {
  background-color: #1a9e98;
  border-color: #1a9e98;
}

.forgot-pass {
  font-size: 0.875rem;
  color: red;
  text-decoration: none;
}

.forgot-pass:hover {
  text-decoration: underline;
}

.input-group-text {
  background-color: #f1f1f1;
}



.tabs .nav-link.active {
  background-color: rgba(245, 245, 245, 1);
  ;
  color: #000;
  border: none;
}

.right-panel {
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-150px);
}

.price-info del {
  color: gray;
}

.included i {
  color: #2dc295;
  margin-right: 10px;
}

.social-icons a {
  color: #555;
  font-size: 1.2rem;
  margin-right: 10px;
}

.comment-form input, .comment-form textarea {
  margin-bottom: 15px;
}

.nav-tabs {
  border-bottom: 1px solid #fff;
}

/* .nav-link.active {
  color: #00bfa6 !important
} */

.tabs .nav-link, .tabs .nav-link.active {
  color: #000;
  border: none;
  padding: 10px 20px !important;
  width: 100%;
  border: 1px solid lightgray !important;
  border-radius: 0px;
}

.tabs:first-child .nav-link {
  border-right: none;
}

.br_left {
  border-radius: 10px 0 0 0 !important;
}

.br_right {
  border-radius: 0 10px 0 0 !important;
}

.tab-content {
  background-color: rgba(245, 245, 245, 1);
  border-radius: 0 0 10px 10px;
  color: #333 !important;
}

.frm-section {
  background-color: #fff;
  padding: 60px 20px 30px;
  text-align: center;
}

.frm-title {
  font-weight: 700;
  font-size: 30px;
  color: #333;
}

.custom-btn {
  background-color: #38b6b3;
  color: white;
  border: none;
  position: absolute;
top: 40%;
    left: 45%;
}

.custom-btn:hover {
  background-color: #2ca6a4;
}

.request-card {
  border: none;
  border-radius: 10px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 20px;
}

.form-control {
  border: none !important;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25) !important;

}

.postion-relative {
  position: relative !important;
}

.author-img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.blob_left{
    background: url(../img/left.png);
    background-repeat: no-repeat;
    height: 250px;
    width: 250px;
    position: absolute;
   top: 0px;
    right: 0px;
    background-size: contain;
}
.blob_right{
    background: url(../img/left.png);
    background-repeat: no-repeat;
    height: 200px;
    width: 200px;
    position: absolute;
   bottom: 0px;
    left: 0px;
    background-size: contain;
}