:root {
  --bs-nav-pills-link-active-bg: #e7000b;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

.btn-primary {
  background-color: #e7000b;
  border-color: #e7000b;
  font-size: 12.25px;
}
.btn-primary:hover {
  background-color: #c10007;
  border-color: rgb(180, 0, 8.5714285714);
}

.btn-secondary {
  background-color: white;
  border: 1px solid #e7000b;
  font-size: 12.25px;
  color: #e7000b;
}
.btn-secondary li {
  color: white;
}
.btn-secondary:hover {
  background-color: #fef2f2;
  opacity: 0.8;
  color: black;
  border: 1px solid #e7000b;
}

.btn li {
  margin: 0 5px 0 0;
}

ul.custom-list {
  list-style: none;
  padding-left: 0;
}
ul.custom-list li {
  background-image: url("../images/tick.svg");
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 20px;
}
ul.custom-list.green-tick {
  margin: 0;
  padding: 0;
}
ul.custom-list.green-tick li {
  background-image: url("../images/green-circilar-tick.svg");
  background-position: 8px 2px;
  padding-left: 35px;
  margin-bottom: 10px;
}
ul.custom-list.split-lg {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 992px) {
  ul.custom-list.split-lg {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.circular-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.circular-list li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.circular-list li .circular-num {
  background: #e7000b;
  color: #fff;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 21px;
          flex: 0 0 21px;
}

.section-title,
.page-title {
  font-size: clamp(28px, 5.5vw, 32px);
  line-height: 35px;
  font-weight: 400;
  color: #101828;
}

.section-subtitle,
.page-subtitle {
  font-size: clamp(14px, 2.5vw, 18px);
  line-height: 28px;
  text-align: center;
  max-width: 660px;
  margin: 15px auto;
}

.py-6 {
  padding-top: 58px;
  padding-bottom: 58px;
}

.card-body {
  padding: 21px;
}

.container {
  width: 100%;
}

@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-sm,
  .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1112px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1064px;
  }
}
.form-control,
.form-select {
  font-size: 12px;
}
.form-control:focus,
.form-select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #ccc;
  -webkit-box-shadow: 0 0 0.25rem rgba(13, 110, 253, 0.25);
          box-shadow: 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control.serch-input {
  font-size: 12px;
  background-image: url(../images/search-icon.svg);
  background-repeat: no-repeat;
  background-position: 14px center;
  padding-left: 44px;
}

header {
  border-bottom: 2px solid #e7000b;
}
header .logo {
  height: 42px;
}
header .navbar .nav-item {
  margin: 0 6px;
}
header .navbar .nav-item .nav-link:hover {
  color: #e7000b;
}

.banner .carousel {
  height: 600px;
  position: relative;
}
.banner .carousel .carousel-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), color-stop(50%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
  top: 0;
}
.banner .carousel .carousel-item {
  height: 600px;
}
.banner .carousel .carousel-item img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.banner .carousel .carousel-item.active {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.banner .carousel .carousel-indicators button {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #ccc;
  opacity: 0.6;
  margin: 0 4px;
  font-size: 0;
}
.banner .carousel .carousel-indicators button.active {
  background-color: #e7000b;
  opacity: 1;
}

.hero-section {
  color: #fff;
  padding: 120px 30px 80px 30px;
  position: relative;
}
.hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
}
.hero-section .hero-content {
  position: relative;
  z-index: 1;
  text-align: left;
}
.hero-section .hero-content .hero-title {
  font-weight: 400;
  line-height: 1.2;
}
.hero-section .hero-content .hero-title .highlight {
  color: #e50914;
}
.hero-section .hero-content p {
  margin-top: 1rem;
  font-size: 21px;
}
.hero-section .hero-content .hero-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
}
.hero-section .hero-content .hero-buttons .btn {
  padding: 4px 24px;
  font-weight: 600;
  border-radius: 8px;
  margin-right: 14px;
}
.hero-section .hero-content .hero-buttons .btn.btn-red {
  background-color: #e7000b;
  color: #fff;
  font-size: 15px;
}
.hero-section .hero-content .hero-buttons .btn.btn-red:hover {
  background-color: #c10007;
}
.hero-section .hero-content .hero-buttons .btn.btn-outline-light-custom {
  background-color: #fff;
  color: #d60000;
  border: 2px solid #fff;
}
.hero-section .hero-content .hero-buttons .btn.btn-outline-light-custom:hover {
  background-color: #f3f3f3;
  color: black;
}
.hero-section .hero-content .hero-stats {
  margin-top: 50px;
}
.hero-section .hero-content .hero-stats .stat {
  font-size: 1.5rem;
  font-weight: 400;
  color: #d1d5dc;
  text-align: center;
}
.hero-section .hero-content .hero-stats .stat span {
  color: #fb2c36;
  font-size: 2rem;
}
.hero-section .hero-content .hero-stats .stat small {
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
}

@media (max-width: 768px) {
  .hero-section .hero-content .hero-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hero-section .hero-content .hero-buttons .btn {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.banner .carousel-control-next,
.banner .carousel-control-prev {
  width: 5%;
}

.hero-title {
  font-size: clamp(28px, 5.5vw, 54px);
  line-height: 1.05;
  font-weight: 400;
}
.hero-title span {
  color: #c10007;
  font-weight: 700;
}

.hero-content p {
  font-size: clamp(18px, 2.5vw, 20px);
  line-height: 34px;
  margin-top: 20px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-image: url("../images/banner-arrow.svg");
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
}

.carousel-control-prev-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.searchcources .searchcources_tab {
  margin-top: 40px;
}
.searchcources .nav-pills {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 5px;
  background: white;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1019607843);
          box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1019607843);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843);
}
.searchcources .nav-pills .nav-link {
  color: #4a5565;
}
.searchcources .nav-pills .nav-link.active {
  background-color: #e7000b;
  color: white;
}
.searchcources .form-control {
  font-size: 12px;
  height: 50px;
  background-image: url("../images/search-icon.svg");
  background-repeat: no-repeat;
  background-position: 14px center;
  padding-left: 44px;
}

.our-courses h5 {
  font-weight: 400;
  font-size: 12px;
}
.our-courses .view-all {
  font-size: 14px;
  color: #e7000b;
}
.our-courses .view-all:hover {
  text-decoration: none;
  color: #c10007;
}
.our-courses ul {
  list-style: none;
  padding-left: 0;
}
.our-courses ul li {
  background-image: url("../images/tick.svg");
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 17.5px;
}
.our-courses .card-title {
  margin-top: 26px;
  font-size: clamp(14px, 5.5vw, 17px);
  font-weight: 400;
  margin-bottom: 10px;
}
.our-courses .card-text {
  font-size: clamp(12px, 5.5vw, 14px);
  padding: 0 0 3px;
  margin: 0;
}

.testimonial-card {
  border-radius: 10px;
  background: #fff;
  padding: 21px;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
  height: 100%;
}
.testimonial-card .star-ratings {
  margin: 10px 0 14px;
}
.testimonial-card .star-ratings .star {
  background-image: url("../images/star.svg");
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 100%;
}
.testimonial-text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.testimonial-text p {
  margin-top: 10px;
  margin-bottom: 0;
}
.testimonial-text p:first-child {
  margin-top: 0;
}
.testimonial-text.expanded {
  -webkit-line-clamp: unset;
}
.testimonial h6 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
.testimonial .read-more {
  cursor: pointer;
  color: #e7000b;
  font-weight: 500;
  font-size: 0.9rem;
  padding-top: 10px;
  display: inline-block;
}

.readybox {
  background-color: rgb(248, 249, 250);
}
.readybox .cta-box {
  background-color: #e7000b; /* Red background */
  border-radius: 15px;
  max-width: 900px; /* Limit width */
  margin: auto; /* Center horizontally */
  padding: 28px;
}
.readybox .cta-btn {
  background-color: #fff;
  color: #e60000;
  border: none;
  font-size: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.readybox .cta-btn:hover {
  opacity: 0.9;
  background-color: #f8f9fa;
  color: #c40000;
}

.gallery .gallery-item {
  margin-bottom: 30px;
}
.gallery .gallery-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.gallery .gallery-item .video-thumbnail {
  width: 100%;
  height: auto;
  position: relative;
}
.gallery .gallery-item .video-thumbnail .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: red;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  font-size: 10px;
}
.gallery .gallery-item .video-thumbnail .play-button .fa-play {
  margin-left: 2px;
  color: white;
}
.gallery p {
  font-size: 14px;
}
.gallery .btn {
  font-size: 14px;
  padding: 10px 28px;
}

.trusted-partners .counter {
  font-size: 2rem;
  font-weight: 400;
  color: #e7000b;
}
.trusted-partners img {
  max-height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.7;
  -webkit-transition: opacity 0.3s, -webkit-filter 0.3s;
  transition: opacity 0.3s, -webkit-filter 0.3s;
  transition: filter 0.3s, opacity 0.3s;
  transition: filter 0.3s, opacity 0.3s, -webkit-filter 0.3s;
}
.trusted-partners img:hover {
  -webkit-filter: none;
          filter: none;
  opacity: 1;
}

.ourclient {
  padding-top: 100px;
}
.ourclient .client-logo {
  background: #fff;
  border-radius: 10px;
  padding: 30px 20px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  text-align: center;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.ourclient .client-logo:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.ourclient .client-logo img {
  max-height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 10px;
}
.ourclient .client-name {
  font-size: 12px;
  color: #333;
  font-weight: 500;
}

.ourcources #courseTabs {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}
.ourcources #courseTabs .nav-link {
  cursor: pointer;
  color: black;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 12px;
  height: 40px;
}
.ourcources #courseTabs .nav-link:hover {
  color: #e7000b;
}
.ourcources #courseTabs .nav-link.active {
  background-color: #e7000b;
  color: white;
}
@media screen and (min-width: 576px) {
  .ourcources #courseTabs .nav-link {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.ourcources .course-card {
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  background: #fff;
}
.ourcources .course-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ourcources .course-card .course-tag {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #e7000b;
  color: white;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 5px;
}
.ourcources .course-card .course-body {
  padding: 20px;
}
.ourcources .course-card .course-body .course-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.ourcources .course-card .course-body .course-subtitle {
  color: #e7000b;
  font-size: 14px;
  margin-bottom: 15px;
}
.ourcources .course-card .course-body .course-desc {
  font-size: 14px;
  margin-bottom: 15px;
}
.ourcources .course-card .course-body .text-muted {
  color: #4a5565;
}
.ourcources .course-card .card-footer {
  border-top: 1px solid #e5e7eb;
  padding: 15px 0px;
}
.ourcources .course-card .card-footer .btn {
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 6px;
}
.ourcources .course-card .card-footer .btn.btn-outline-secondary {
  margin-right: 10px;
  color: black !important;
}
.ourcources .course-card .card-footer .btn.btn-outline-secondary i {
  margin-left: 5px;
}
.ourcources .course-card .card-footer .btn.btn-outline-secondary:hover {
  background-color: #f1f2f3;
}
.ourcources .course-card .price-tag {
  font-size: 21px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .ourcources .course-card .price-tag {
    margin-bottom: 30px;
  }
}
.ourcources .course-card .price-tag small {
  font-size: 11px;
  font-weight: normal;
  color: #6b7280;
  background-color: #ffe2e2;
  border-radius: 7px;
  padding: 8px 12px;
  margin-left: 10px;
}
.ourcources .ready-box {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 40px 28px 28px 28px;
  background: #fff;
  font-size: 14px;
  color: #4a5565;
  line-height: 1.6;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  text-align: center;
  margin-bottom: 58px;
}
.ourcources .ready-box_title {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 10px;
}
.ourcources .ready-box_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ourcources .ready-box_footer p {
  margin: 0 0 5px 0;
  font-size: 12px;
}
.ourcources .ready-box_footer div {
  margin-left: 15px;
}

.page-centers .stats {
  font-size: 12px;
}
.page-centers .stats span {
  font-size: 21px;
  font-weight: 400;
  color: #e7000b;
}
.page-centers .search-box {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.page-centers .search-box .btn {
  font-size: 12px;
  opacity: 0.5;
}
.page-centers .search-box label {
  font-size: 12px;
  margin-bottom: 10px;
  display: block;
}
.page-centers .search-box label.search-label {
  background-image: url(../images/search-icon-label.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 22px;
  background-size: 14px;
}
.page-centers .center-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.page-centers .center-card .center-img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.page-centers .center-card .badge-custom {
  background-color: #dc3545;
  color: #fff;
  font-size: 11px;
  padding: 3px 7px;
  border-radius: 6px;
  top: 15px;
  left: 15px;
  position: absolute;
}
.page-centers .center-card .rating-badge {
  background-color: #fff;
  color: #000;
  padding: 5px 10px;
  border-radius: 50px;
  font-size: 12px;
  top: 15px;
  right: 15px;
  position: absolute;
}
.page-centers .center-card .rating-badge i {
  color: #ffc107;
}
.page-centers .center-card .btn-details {
  font-size: 13px;
}
.page-centers .center-card .btn-details i {
  margin-right: 5px;
}
.page-centers .center-details {
  padding: 28px;
}
.page-centers .center-details .center-details-title {
  font-size: 21px;
  font-weight: 400;
}
.page-centers .center-details .center-details-subtitle {
  font-size: 12px;
  margin-bottom: 0px;
}
.page-centers .center-details .center-details-info {
  font-size: 12px;
}
.page-centers .center-details .center-details-tags {
  font-size: 12px;
}
.page-centers .center-details .center-details-tags .specialty-badge {
  background: #f8d7da;
  color: #030213;
  border-radius: 7px;
  padding: 5px 12px;
  font-size: 10px;
  margin-right: 5px;
  margin-top: 5px;
  display: inline-block;
}

.page-coursedetail .back-btn {
  background: none;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 0.85rem;
  border: 1px solid #ccc;
  font-size: 12px;
  color: #0a0a0a;
}
.page-coursedetail .back-btn:hover {
  text-decoration: none;
  background: #f8f9fa;
  color: #0a0a0a;
}
.page-coursedetail .back-btn i {
  margin-right: 7px;
}
.page-coursedetail .badge-category {
  background-color: #dc3545;
  color: #fff;
  border-radius: 7px;
  font-size: 11px;
  padding: 5px 12px;
}
.page-coursedetail .course-title {
  font-size: clamp(22px, 4vw, 28px);
  font-weight: 400;
  margin: 15px 0 10px;
  color: #101828;
}
.page-coursedetail .course-subtitle {
  font-size: clamp(14px, 2.5vw, 18px);
  color: #e7000b;
  font-weight: 400;
}
.page-coursedetail .course-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
  color: #6c757d;
  margin-right: 20px;
}
.page-coursedetail .course-info i {
  margin-right: 5px;
  font-size: 1.1rem;
}
.page-coursedetail .course-info .course-info-text {
  padding-left: 6px;
  color: #6a7282;
}
.page-coursedetail .course-info .course-info-text span {
  font-weight: 400;
  color: #101828;
  display: block;
}
.page-coursedetail .course-detail-footer {
  background-color: #f9fafb;
  padding: 27px 21px;
  margin-top: 30px;
  border-radius: 8px;
}
.page-coursedetail .course-detail-footer .price-box {
  font-size: 1.5rem;
  font-weight: bold;
  color: #101828;
}
.page-coursedetail .course-detail-footer .btn-enroll {
  color: #fff;
  font-size: 12px;
}
.page-coursedetail .course-detail-footer .btn-enroll i {
  display: none;
}
.page-coursedetail .course-detail-footer .btn-enroll:hover {
  background: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  color: #fff;
}
.page-coursedetail .course-detail-footer .price-box {
  font-size: 26px;
  font-weight: 400;
  color: #4a5565;
}
.page-coursedetail .course-detail-footer .price-box small {
  display: block;
  font-size: 14px;
}

.info-card {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  font-size: 14px;
}
.info-card h5 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 25px;
  color: #101828;
}
.info-card.instrutor-card p {
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 400;
  color: #4a5565;
}
.info-card.instrutor-card p strong {
  color: #101828;
  font-weight: 400;
}
.info-card .contact-info {
  font-size: 12px;
}
.info-card .contact-info p i {
  margin-right: 7px;
}

.check-item {
  color: #198754;
  font-weight: 500;
}

.page-centerdetail .header-bar {
  background: #e7000b;
  background: -webkit-gradient(linear, left top, right top, from(#e7000b), to(#c10007));
  background: linear-gradient(90deg, #e7000b 0%, #c10007 100%);
  color: #fff;
  border-radius: 8px;
  padding: 20px;
}
.page-centerdetail .header-bar h2 {
  margin: 0 0 15px 0;
  font-size: 30px;
  font-weight: 400;
}
.page-centerdetail .header-bar p i {
  margin-right: 5px;
}
.page-centerdetail .center-action-btn {
  margin-bottom: 25px;
}
.page-centerdetail .center-action-btn .btn {
  height: 42px;
}
.page-centerdetail .info-card {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.page-centerdetail .info-card h6 {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 25px;
}
.page-centerdetail .info-card h6 i {
  padding-right: 5px;
}
.page-centerdetail .info-card .center-title {
  font-size: 17px;
  margin-bottom: 5px;
}
.page-centerdetail .info-card .center-subtitle {
  font-size: 14px;
  color: #e7000b;
  margin-bottom: 10px;
}
.page-centerdetail .info-card .center-des {
  font-size: 12px;
}
.page-centerdetail .info-card-avatar {
  width: 112px;
  height: 112px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 112px;
          flex: 0 0 112px;
  border-radius: 50%;
  overflow: hidden;
}
.page-centerdetail .info-card-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-centerdetail .info-card .available-course {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
}
.page-centerdetail .info-card .available-course h6 {
  font-weight: 500;
  background-image: url("../images/green-circilar-tick.svg");
  background-repeat: no-repeat;
  background-position: 0 0px;
  padding-left: 25px;
}
.page-centerdetail .info-card .available-course p {
  font-size: 12px;
}
.page-centerdetail .info-card.center-hours strong {
  font-weight: 400;
}
.page-centerdetail .info-card.center-info p i {
  color: #e7000b;
  width: 16px;
  margin-right: 8px;
}
.page-centerdetail .info-card.center-info div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.page-centerdetail .info-card.center-info div i {
  margin-right: 10px;
}
.page-centerdetail .info-card.center-info div div {
  display: inline-block;
}
.page-centerdetail .info-card.center-info div div span {
  display: block;
  font-size: 14px;
}
.page-centerdetail .info-card .facility-list ul.custom-list.green-tick li {
  background-size: 14px;
  background-position: 10px 5px;
}
.page-centerdetail .info-card.ready-to-start {
  text-align: left;
  background-color: #fef2f2 !important;
}
.page-centerdetail .info-card.ready-to-start h6 {
  color: #c10007;
  font-size: 15px;
}
.page-centerdetail .info-card.ready-to-start p {
  font-size: 12px;
}

.center-testimonial .testimonial-card {
  background: #f1f2f3;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  height: 100%;
}
.center-testimonial .testimonial-card p {
  font-style: italic;
  color: #333;
}
.center-testimonial .testimonial-author {
  margin-top: 15px;
  font-weight: 400;
  font-size: 12px;
}
.center-testimonial .testimonial-role {
  font-size: 12px;
  color: #6c757d;
}
.center-testimonial .carousel-control-prev,
.center-testimonial .carousel-control-next {
  width: auto;
  background: #fff;
  border-radius: 8%;
  border: 1px solid #dee2e6;
  color: #333;
  opacity: 1;
  height: 35px;
  width: 35px;
  top: -17px;
}
.center-testimonial .carousel-control-prev {
  left: auto;
  right: 45px;
}
.center-testimonial .carousel-indicators {
  display: none;
}
.center-testimonial .carousel-indicators [data-bs-target] {
  background-color: #333;
}

.footer {
  background-color: #101828;
}
.footer .social-icons {
  margin-top: 25px;
}
.footer .social-icons li {
  background-color: #1e2939;
  border-radius: 8px;
}
.footer .social-icons a {
  color: #ffffff;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  text-decoration: none;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.footer .social-icons a:hover {
  background-color: #e7000b;
  color: #ffffff;
  text-decoration: none;
}
.footer .cources-list li {
  margin: 7px 0;
}
.footer .cources-list li a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.footer .cources-list li a:hover {
  color: #e7000b;
  text-decoration: none;
}
.footer .footer-contact li {
  margin: 0 0 10px;
}
.footer .footer-contact li .fas {
  margin-top: 6px;
  color: #e7000b;
}
.footer-btm {
  font-size: 12px;
}
.footer-btm a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin: 0 7px;
}
.footer-btm a:hover {
  color: #e7000b;
  text-decoration: none;
}

.contactFlyout_btn {
  position: fixed;
  right: -35px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 99;
  top: 175px;
}

.whatsappFlyout_btn {
  position: fixed;
  right: -35px;
  z-index: 99;
  top: 240px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  border: none;
  padding: 30px;
  cursor: pointer;
}

.whatsapp-icon {
  width: 35px;
  height: 35px;
}

#contactFlyout {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100%;
  max-width: 100%;
  background-color: #fff;
  -webkit-box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
  padding: 20px 0 20px 20px;
  -webkit-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
  z-index: 100;
}
#contactFlyout.show {
  right: 0;
}
#contactFlyout .close-btn {
  font-size: 1.5rem;
  color: #000;
  cursor: pointer;
}
#contactFlyout .flyout_content {
  margin-top: 20px;
  height: 100%;
  overflow-y: auto;
  padding-right: 20px;
}/*# sourceMappingURL=main.css.map */