.btn-green{
    /* background-color:#00C18A; */
    background: linear-gradient(90deg, #019297 0%, #73ED7C 50%, #019297 100%);
    border-color: #00C18A;
}

.btn-primary{
  /* background-color:#00C18A; */
  background: linear-gradient(90deg, #019297 0%, #73ED7C 50%, #019297 100%);
  border-color: #00C18A;
  border: 0;
}

p{
    color:#54605E;
    font-weight: 400;
}

.bg-cheader{
  background-color: #355FA2;
}

.btn-green:hover {
    background-color: #00C18A !important;
    border-color: #00C18A !important;
    opacity: 0.9;
}

.btn:hover {
    opacity: 0.9;
}

.border-12{
    border-radius: 12px !important;
    overflow: hidden;
}

.border-14{
    border-radius: 15px !important;
    overflow: hidden;
}

.border-16{
    border-radius: 16px !important;
    overflow: hidden;
}

.border-18{
    border-radius: 18px !important;
    overflow: hidden;
}

.border-20{
    border-radius: 20px !important;
    overflow: hidden;
}

.text-FF3838{
    color: #FF3838 !important;
}

.text-131F18{
    color: #131F18 !important;
}

.bg-FDF8F3{
    background-color: #FDF8F3 !important;
}

.border-none{
    border: 0 !important;
}

.shadow-none{
    box-shadow: 0 !important;
}

.card-border{
    border: 1px solid #E4E9F1 !important;
}

.card-shadow{
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01), 
                        0 4px 10px rgba(0, 0, 0, 0.08) !important; /* For older WebKit browsers */
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01), 
                    0 4px 10px rgba(0, 0, 0, 0.08) !important; /* For older Firefox browsers */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01), 
              0 4px 10px rgba(0, 0, 0, 0.08) !important; /* Standard */
}

.border-radius-12 {
    border-radius: 12px;
    overflow: hidden;
  }
  
  .padding-20 {
    padding: 20px;
  }

  .avatar-box-2 {
    border-radius: 50%;
    overflow: hidden;
    background-color: #f8f8f8;
  }

  .avatar-box-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
    text-align: center;
  }

  .text-line-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 50px;
  }

  .text-line-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 50px;
  }

  .text-line-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 30px;
  }


  .f_size_20 {
    font-size: 20px;
  }

  .margin-bottom-60 {
    margin-bottom: 60px !important;
  }

  .pagination {
    margin: 0;
    text-align: center;
  }

  .f_size_14 {
    font-size: 14px;
  }

  .blog-single-sidebox h1 {
    padding: 15px 25px;
    background-color: #F1F3F9;
    border-radius: 8px;
  }

  .box-shadow-1 {
    -webkit-box-shadow: 0px 14px 30px 0px rgba(0, 11, 40, 0.04);
    box-shadow: 0px 14px 30px 0px rgba(0, 11, 40, 0.04);
  }
  .blog-single-sidebox {
    background-color: #fff;
    margin-bottom: 25px;
    border-radius: 8px;
    overflow: hidden;
  }

  .f_size_16 {
    font-size: 16px;
  }

  .blog-single-body {
    padding: 25px;
  }
  .text-center {
    text-align: center !important;
  }

  .mb_30 {
    margin-bottom: 30px;
  }

  .border-r-8 {
    border-radius: 8px !important;
  }
  .img-fluid {
    max-width: 100%;
    height: auto;
  }

  .mb_50 {
    margin-bottom: 50px;
  }

  .blog_single .blog_content {
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .blog_content {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.06);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.06);
    padding: 30px 47px 42px 50px;
      padding-right: 47px;
      padding-left: 50px;
    position: relative;
  }
  

  .r-radius-20 {
    border-radius: 20px !important;
    overflow: hidden;
  }

  .banner_top p {
    margin-bottom: 42px;
  }
  .clamp-3-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .f_color_8 {
    color: #000 !important;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }

  .no-b-ul-li ul li{
    list-style: none;
  }

  .icon-text {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
  }

  .icon-text img {
    margin-right: 0.75rem;
  }

  .course-view p{
    color:#333 !important;
  }


  .fs-fig {
    font-family: 'Figtree', sans-serif;
}

.nav-link{
  color:#FFF;
}

.progress-wrap{
  display: none;
}

.bg-wrapper {
  background-color: transparent; /* Default background color */
  background-image: url('./../../img/Group47464.png');
  background-size: cover;
  background-position: center;
}

/* Apply styles for mobile screens */
@media (max-width: 768px) {
  .bg-wrapper {
      background-image: none; /* Remove background image */
      background-color: #00C18A; /* Set background color to orange */
  }
}


.sora-family{
  font-family: "Sora", sans-serif;
}

.accordion-wrapper .card-header{
  /* border:1px solid #E7E0F2; */
}

.bg-gradient-main{
  background: linear-gradient(90deg, #019297 0%, #73ED7C 50%, #019297 100%);
}

.bg-gradient-main2{
  /* background: linear-gradient(90deg, #019297 20%, #73ED7C 100%); */
  background-color: #f7f7f7;
}

.text-gradient-main{
  /* background: linear-gradient(90deg, #019297 0%, #73ED7C 50%, #019297 100%); */
  background-color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pagination .page-item a {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: all 0.2s ease-in-out;

  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.65rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-item:first-child a {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child a {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}


.text-line-2-lg {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  min-height: 38px;
}

.text-line-2-md {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  min-height: 64px;
}