.elementor-5631 .elementor-element.elementor-element-f69fa2b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-5631 .elementor-element.elementor-element-f69fa2b:not(.elementor-motion-effects-element-type-background), .elementor-5631 .elementor-element.elementor-element-f69fa2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(139deg, #002333 25%, #680038 79%);}.elementor-5631 .elementor-element.elementor-element-af95504{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5631 .elementor-element.elementor-element-af95504.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5631 .elementor-element.elementor-element-2b87dd1e{text-align:left;width:var( --container-widget-width, 103.879% );max-width:103.879%;--container-widget-width:103.879%;--container-widget-flex-grow:0;}.elementor-5631 .elementor-element.elementor-element-2b87dd1e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5631 .elementor-element.elementor-element-2b87dd1e .tutor-course-details-title{color:#FFFFFF;font-size:56px;}.elementor-5631 .elementor-element.elementor-element-bfa5e92{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5631 .elementor-element.elementor-element-32990a60 .etlms-course-duration-meta{flex-direction:row;}.elementor-5631 .elementor-element.elementor-element-32990a60 > .elementor-widget-container{margin:-1px 5px 0px 0px;}.elementor-5631 .elementor-element.elementor-element-32990a60.etlms-layout-row .etlms-course-duration-meta{justify-content:flex-start;}.elementor-5631 .elementor-element.elementor-element-32990a60.etlms-layout-column .etlms-course-duration-meta{align-items:flex-start;}.elementor-5631 .elementor-element.elementor-element-2f4b9453 .etlms-course-categories{flex-direction:row;}.elementor-5631 .elementor-element.elementor-element-2f4b9453.elementor-layout-row .etlms-course-categories{justify-content:flex-start;}.elementor-5631 .elementor-element.elementor-element-2f4b9453.elementor-layout-column .etlms-course-categories{align-items:flex-start;}.elementor-5631 .elementor-element.elementor-element-2f4b9453 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-5631 .elementor-element.elementor-element-66861d9 > .elementor-widget-container{margin:0% 0% 0% 00%;}.elementor-5631 .elementor-element.elementor-element-66861d9 .etlms-course-description .tutor-segment-title{margin-bottom:15px;}.elementor-5631 .elementor-element.elementor-element-9f37aac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5631 .elementor-element.elementor-element-571c264{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-5631 .elementor-element.elementor-element-571c264.elementor-element{--order:99999 /* order end hack */;}.elementor-5631 .elementor-element.elementor-element-571c264 .tutor-course-thumbnail{border-radius:8px 8px 8px 8px;}.elementor-5631 .elementor-element.elementor-element-590c552{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5631 .elementor-element.elementor-element-58ac3b01{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5631 .elementor-element.elementor-element-1a46af73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5631 .elementor-element.elementor-element-1a46af73.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5631 .elementor-element.elementor-element-12a299c7{--display:flex;}.elementor-5631 .elementor-element.elementor-element-52374a9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5631 .elementor-element.elementor-element-8bc63db .tutor-course-details-widget-col-2 ul{display:flex !important;}.elementor-5631 .elementor-element.elementor-element-8bc63db.etlms-course-benefits-display-list-item{text-align:flex-start;}.elementor-5631 .elementor-element.elementor-element-4bf263f1{--display:flex;}.elementor-5631 .elementor-element.elementor-element-84cb180 .etlms-course-widget-list-items li{display:list-item;}.elementor-5631 .elementor-element.elementor-element-84cb180.etlms-course-requirements{text-align:flex-start;}.elementor-5631 .elementor-element.elementor-element-1c33cd60{--display:flex;}.elementor-5631 .elementor-element.elementor-element-69ad1776{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-5631 .elementor-element.elementor-element-24650a27 .etlms-course-curriculum .tutor-course-content-title{margin-bottom:0px;}.elementor-5631 .elementor-element.elementor-element-24650a27 .etlms-course-curriculum .tutor-accordion-item-header:after{font-size:16px;color:#3e64de;}.elementor-5631 .elementor-element.elementor-element-24650a27 .etlms-course-curriculum .tutor-accordion-item-header{color:#41454f !important;border-radius:5px 5px 5px 5px;padding:15px 20px 15px 20px;}.elementor-5631 .elementor-element.elementor-element-24650a27 .tutor-accordion-item-header.is-active{color:#175CFF !important;}.elementor-5631 .elementor-element.elementor-element-24650a27 .tutor-accordion-item-body-content .tutor-course-content-list-item-icon{font-size:18px;color:#939AA3;}.elementor-5631 .elementor-element.elementor-element-24650a27 .tutor-accordion-item-body-content .tutor-course-content-list-item-title{color:#161616 !important;}.elementor-5631 .elementor-element.elementor-element-24650a27 .tutor-course-content-list-item div .tutor-color-muted{color:#757c8e !important;}.elementor-5631 .elementor-element.elementor-element-24650a27 .tutor-course-content-list li.tutor-course-content-list-item{border-top-width:1px;border-color:#E1EBF0;padding:8px 16px 8px 16px;}.elementor-5631 .elementor-element.elementor-element-24650a27 .tutor-accordion-item:not(:last-child){margin-bottom:20px;}.elementor-5631 .elementor-element.elementor-element-5d571525{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.etlms-enrollment-btn-align-left .tutor-card-body{text-align:left !important;}.etlms-enrollment-btn-align-center .tutor-card-body{text-align:center !important;}.etlms-enrollment-btn-align-right .tutor-card-body{text-align:right !important;}.etlms-enrollment-btn-align-center .etlms-course-enroll-date, .etlms-enrollment-btn-align-right .etlms-course-enroll-date{text-align:left !important;}.etlms-course-enroll-buttons-size-large .tutor-btn{font-size:18px;padding:10px 20px;}.etlms-course-enroll-buttons-size-small .tutor-btn{font-size:14px;padding:5px 12px;}.etlms-course-enroll-buttons-width-auto .tutor-btn{width:auto !important;display:inline-flex !important;}.elementor-5631 .elementor-element.elementor-element-37e62f78 .tutor-btn-primary.tutor-add-to-cart-button, .tutor-btn-primary.tutor-native-add-to-cart{border-radius:3px 3px 3px 3px;}.elementor-5631 .elementor-element.elementor-element-37e62f78 .tutor-card-body .tutor-enroll-course-button{border-radius:3px 3px 3px 3px;}.elementor-5631 .elementor-element.elementor-element-37e62f78 .tutor-card-body .start-continue-retake-button{border-radius:3px 3px 3px 3px;}.elementor-5631 .elementor-element.elementor-element-37e62f78 .tutor-card-body [name=complete_course_btn]{border-radius:3px 3px 3px 3px;}.elementor-5631 .elementor-element.elementor-element-37e62f78 .etlms-course-enroll-info-wrapper .tutor-icon-purchase-mark{font-size:16px !important;}.elementor-5631 .elementor-element.elementor-element-37e62f78 .tutor-card-footer{border-radius:6px 6px 6px 6px;}.elementor-5631 .elementor-element.elementor-element-37e62f78 .tutor-card-footer .etlms-enrolled-icon{font-size:15px;color:#212327;}.elementor-5631 .elementor-element.elementor-element-37e62f78 .tutor-card-footer .etlms-enrolled-level{color:#757c8e !important;}.elementor-5631 .elementor-element.elementor-element-583f9564{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;}.elementor-5631 .elementor-element.elementor-element-583f9564::before, .elementor-5631 .elementor-element.elementor-element-583f9564 > .elementor-background-video-container::before, .elementor-5631 .elementor-element.elementor-element-583f9564 > .e-con-inner > .elementor-background-video-container::before, .elementor-5631 .elementor-element.elementor-element-583f9564 > .elementor-background-slideshow::before, .elementor-5631 .elementor-element.elementor-element-583f9564 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5631 .elementor-element.elementor-element-583f9564 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}@media(min-width:768px){.elementor-5631 .elementor-element.elementor-element-f69fa2b{--content-width:85%;}.elementor-5631 .elementor-element.elementor-element-af95504{--width:60%;}.elementor-5631 .elementor-element.elementor-element-9f37aac{--width:40%;}.elementor-5631 .elementor-element.elementor-element-590c552{--width:100%;}.elementor-5631 .elementor-element.elementor-element-58ac3b01{--content-width:70%;}.elementor-5631 .elementor-element.elementor-element-1a46af73{--width:66.899%;}.elementor-5631 .elementor-element.elementor-element-5d571525{--width:66.6666%;}.elementor-5631 .elementor-element.elementor-element-583f9564{--content-width:87%;}}/* Start custom CSS for etlms-course-duration, class: .elementor-element-32990a60 *//* Refined Course Duration Box */
.etlms-course-duration-meta {
  display: inline-flex; /* Prevents stretching full width */
  align-items: center;
  gap: 8px;
  font-family: 'Fira Code', monospace;
  font-size: 16px;
  font-weight: 500;
  color: #444;
  background: #f7f7f7;
  padding: 8px 20px;
  border-radius: 30px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.etlms-course-duration-meta:hover {
  background-color: #f0e9fb;
  box-shadow: 0 4px 12px rgba(126, 41, 191, 0.25);
}

/* Key text */
.etlms-course-duration-meta .tutor-meta-key {
  font-weight: 600;
  color: #7e29bf;
  font-size: 13px;
}

/* Value text (Make it larger & professional) */
.etlms-course-duration-meta .tutor-meta-value {
  font-size: 14px;
  font-weight: 800;
  color: #222;
  letter-spacing: 0.5px;
}/* End custom CSS */
/* Start custom CSS for etlms-course-categories, class: .elementor-element-2f4b9453 *//* Style for Course Categories */
.etlms-course-categories {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'Fira Code', monospace;
  font-size: 13px; /* Increased size */
  font-weight: 500;
  color: #444;
}

.etlms-course-categories .tutor-meta-key {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #888;
  font-size: 13px; /* Slightly larger */
}

.etlms-course-categories a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #7e29bf;
  color: #fff;
  text-decoration: none;
  font-size: 12px; /* Larger text for categories */
  border-radius: 22px;
  font-weight: 700;
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}

.etlms-course-categories a:hover {
  background-color: #9b4de5; /* Lighter purple on hover */
  color: #fff; /* Keep text white */
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(155, 77, 229, 0.5); /* Light purple glow */
}/* End custom CSS */
/* Start custom CSS for etlms-course-description, class: .elementor-element-66861d9 *//* Hide the Description title */
.tutor-single-course-segment.etlms-course-description .course-content-title {
  display: none !important;
}

/* Style the description text */
.tutor-single-course-segment.etlms-course-description {
  border-left: 3px solid #7e29bf;
  padding: 5px 10px;
  font-family: 'Fira Code', monospace;
  color: #fff;
  transition: border-color 0.3s ease;
}

/* Paragraph styling */
.tutor-single-course-segment.etlms-course-description .tutor-course-content-content p {
  font-size: 15px;
  line-height: 1.5;
  color: #ffffff;
  margin: 0;
  font-weight: 400;
}

.tutor-single-course-segment.etlms-course-description:hover {
  border-left-color: #9b4de5;
}/* End custom CSS */
/* Start custom CSS for etlms-course-thumbnail, class: .elementor-element-571c264 */.tutor-course-thumbnail.tutor-course-details-page {
  box-shadow:
    -10px 0 20px rgba(0, 0, 0, 1),  /* Soft left shadow */
    10px 0 20px rgba(0, 0, 0, 1);   /* Soft right shadow */
  border-radius: 10px;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f69fa2b *//* Remove Astra container width limit */
.ast-container {
  max-width: 100% !important;
  padding: 0 !important;
}

/* Force the Elementor container to full width */
.elementor.elementor-5565,
.elementor.elementor-5565 > .elementor-section,
.elementor.elementor-5565 > .elementor-section > .e-con-inner,
.elementor.elementor-5565 > .elementor-section > .e-con-inner > .e-con {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-69ad1776 *//* Certificate-style background */
.etlms-course-widget {
  background: linear-gradient(135deg, #ffffff 0%, #f4f4f8 50%, #ececf5 100%);
  border: 2px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  padding: 20px;
  font-family: 'Fira Code', monospace;
  color: #222;
  position: relative;
  overflow: hidden;
}

/* Optional subtle background pattern */
.etlms-course-widget::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://www.transparenttextures.com/patterns/paper-fibers.png');
  opacity: 0.05;
  pointer-events: none;
}

/* Titles */
.etlms-course-widget-title {
  font-size: 20px;
  font-weight: 700;
  color: #111;
  border-bottom: 2px solid #d8d8e4;
  padding-bottom: 8px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

/* List Items */
.etlms-course-widget-list-item {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  margin-bottom: 1px;
  padding: 12px 14px;
  border-radius: 8px;
  transition: background 0.3s ease, transform 0.2s ease;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.etlms-course-widget-list-item:hover {
  background: #f1ebff;
  transform: translateX(6px);
}

/* Icons */
.tutor-list-icon {
  color: #7e29bf;
  font-size: 18px;
  margin-right: 12px;
}

/* Labels */
.tutor-list-label {
  font-size: 15px;
  font-weight: 500;
  color: #333;
}/* End custom CSS */
/* Start custom CSS for etlms-course-curriculum, class: .elementor-element-24650a27 *//* Style for Course Curriculum Title */
.tutor-course-content-title {
  font-size: 25px; /* Bigger font */
  font-weight: 800;
  text-transform: uppercase;
  color: #7e29bf; /* Premium purple */
  letter-spacing: 3px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  font-family: 'Fira Code', monospace;
}

/* Add underline effect */
.tutor-course-content-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #7e29bf, #9b4de5);
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(155, 77, 229, 0.5);
}

/* Hover effect for title */
.tutor-course-content-title:hover {
  color: #9b4de5;
  transform: scale(1.02);
  transition: all 0.3s ease;
}

/* Bigger and Professional Look for Course Content List */
.tutor-course-content-list-item {
  padding: 18px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #2a2a2a;
  background: #ffffff;
  border-bottom: 1px solid #eee;
  transition: all 0.25s ease;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

/* Hover Glow and Pop Effect */
.tutor-course-content-list-item:hover {
  background: #f9f5ff;
  border-left: 5px solid #7e29bf;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(126, 41, 191, 0.15);
}

/* Title Styling */
.tutor-course-content-list-item-title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  transition: color 0.2s ease;
}

.tutor-course-content-list-item:hover .tutor-course-content-list-item-title {
  color: #7e29bf;
}

/* Icons - More Prominent */
.tutor-course-content-list-item-icon {
  font-size: 20px;
  color: #7e29bf;
  margin-right: 10px;
  transition: color 0.3s ease;
}

.tutor-course-content-list-item:hover .tutor-course-content-list-item-icon {
  color: #9b4de5;
}

/* Lock/Status Icons */
.tutor-course-content-list-item-status {
  color: #888;
  font-size: 16px;
  transition: color 0.3s ease;
}

.tutor-course-content-list-item:hover .tutor-course-content-list-item-status {
  color: #7e29bf;
}/* End custom CSS */
/* Start custom CSS for etlms-course-enrolment-box, class: .elementor-element-37e62f78 */.tutor-btn.tutor-btn-primary.tutor-btn-block.tutor-mb-20.tutor-btn-view-certificate {
  display: inline-block;
  width: 100%;
  padding: 0.85rem 1.5rem;
  font-size: 1.05rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, #4caf50, #2e7d32); /* Premium green gradient */
  border: none;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(46, 125, 50, 0.4);
  transition: all 0.3s ease;
  background-size: 200% 200%;
}

/* Add glowing edge on hover */
.tutor-btn-view-certificate:hover {
  background: linear-gradient(135deg, #66bb6a, #388e3c);
  box-shadow: 0 6px 20px rgba(46, 125, 50, 0.6);
  transform: translateY(-2px) scale(1.02);
}

/* When clicked (active state) */
.tutor-btn-view-certificate:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 3px 10px rgba(46, 125, 50, 0.4);
}

.tutor-btn-view-certificate:hover::after {
  left: 125%;
}

.tutor-btn.tutor-btn-block.tutor-btn-outline-primary.start-continue-retake-button.tutor-course-retake-button {
  display: inline-block;
  width: 100%;
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  color: #1565c0; /* Primary blue text */
  background: transparent;
  border: 2px solid #1565c0;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover state */
.tutor-btn.tutor-btn-block.tutor-btn-outline-primary.start-continue-retake-button.tutor-course-retake-button:hover {
  background: linear-gradient(135deg, #1e88e5, #1565c0); /* Motivational blue gradient */
  color: #fff;
  border-color: #1e88e5;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(21, 101, 192, 0.2);
}

/* Active (clicked) state */
.tutor-btn.tutor-btn-block.tutor-btn-outline-primary.start-continue-retake-button.tutor-course-retake-button:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(21, 101, 192, 0.2);
}

/* Adding a retake emoji before the text */
.tutor-btn.tutor-btn-block.tutor-btn-outline-primary.start-continue-retake-button.tutor-course-retake-button::before {
  content: "🔄 ";
  font-size: 1.1rem;
  vertical-align: middle;
}
.tutor-btn.tutor-btn-outline-primary.tutor-btn-block[name="complete_course_btn"] {
  display: inline-block;
  width: 100%;
  padding: 0.85rem 1.5rem;
  font-size: 1.05rem;
  font-weight: 600;
  color: #2e7d32; /* Success green text */
  background-color: transparent;
  border: 2px solid #2e7d32;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
}

/* Hover state */
.tutor-btn[name="complete_course_btn"]:hover {
  background: linear-gradient(135deg, #66bb6a, #388e3c);
  color: #ffffff;
  border-color: #388e3c;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(46, 125, 50, 0.2);
}

/* Active state */
.tutor-btn[name="complete_course_btn"]:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(46, 125, 50, 0.2);
}

.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20[href*="courses"][href*="quizzes"] {
  display: inline-block;
  width: 100%;
  padding: 1rem 2rem;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-align: center;
  text-decoration: none;
  color: #fff;

  /* Dynamic Gradient with Animation */
  background: linear-gradient(135deg, #ff6a00, #ee0979, #ff6a00);
  background-size: 400% 400%;
  animation: gradientFlow 6s ease infinite;

  border: none;
  border-radius: 14px;
  cursor: pointer;
  position: relative;
  overflow: hidden;

  /* 3D Glow + Inset Shine */
  box-shadow: 
    0 4px 25px rgba(238, 9, 121, 0.5),
    inset 0 0 15px rgba(255, 255, 255, 0.15);

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover: Lift + Stronger Glow */
.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20[href*="courses"][href*="quizzes"]:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow:
    0 8px 35px rgba(238, 9, 121, 0.7),
    inset 0 0 20px rgba(255, 255, 255, 0.2);
}

/* Active: Press Down */
.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20[href*="courses"][href*="quizzes"]:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 4px 18px rgba(238, 9, 121, 0.4);
}

/* Shine Swipe */
.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20[href*="courses"][href*="quizzes"]::after {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 60%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  transform: skewX(-25deg);
  transition: left 0.7s ease;
}
.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20[href*="courses"][href*="quizzes"]:hover::after {
  left: 120%;
}

/* Icon (Emoji) */
.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20[href*="courses"][href*="quizzes"]::before {
  content: "🚀 ";
  font-size: 1.2rem;
  vertical-align: middle;
}

/* Gradient Animation */
@keyframes gradientFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}



.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block.tutor-mt-24.tutor-enroll-course-button {
  display: inline-block;
  width: 100%;
  padding: 1rem 2rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  text-align: center;
  text-decoration: none;
  color: #fff;

  /* Premium Animated Gradient */
  background: linear-gradient(135deg, #ff512f, #f09819, #ff512f);
  background-size: 300% 300%;
  animation: enrollGradientFlow 6s ease infinite;

  border: none;
  border-radius: 14px;
  position: relative;
  cursor: pointer;
  overflow: hidden;

  /* Glassy Shadows */
  box-shadow:
    0 4px 20px rgba(240, 152, 25, 0.5),
    inset 0 0 8px rgba(255, 255, 255, 0.2);

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover State */
.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block.tutor-mt-24.tutor-enroll-course-button:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow:
    0 8px 30px rgba(240, 152, 25, 0.7),
    inset 0 0 12px rgba(255, 255, 255, 0.25);
}

/* Active (Click) State */
.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block.tutor-mt-24.tutor-enroll-course-button:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 4px 15px rgba(240, 152, 25, 0.4);
}

/* Shine Swipe Effect */
.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block.tutor-mt-24.tutor-enroll-course-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 60%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transform: skewX(-25deg);
  transition: left 0.7s ease;
}
.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block.tutor-mt-24.tutor-enroll-course-button:hover::after {
  left: 120%;
}

/* Emoji Icon */
.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block.tutor-mt-24.tutor-enroll-course-button::before {
  content: "";
  font-size: 1.2rem;
  vertical-align: middle;
}
/* Enroll Now Button - Premium Gold Style */
a.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block {
  display: inline-block;
  width: 100%;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  
  /* Make original text invisible */
  color: transparent;
  
  /* Gold Gradient Background */
  background: linear-gradient(135deg, #ffb347, #ffcc33, #ffb347);
  background-size: 300% 300%;
  animation: enrollGradient 6s ease infinite;

  border: none;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
  overflow: hidden;

  /* Luxurious Shadow */
  box-shadow: 0 6px 25px rgba(255, 184, 55, 0.4),
              inset 0 0 10px rgba(255, 255, 255, 0.2);

  transition: all 0.3s ease;
}

/* Hover: Animate Gradient & Lift */
a.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 8px 35px rgba(255, 184, 55, 0.6),
              inset 0 0 12px rgba(255, 255, 255, 0.3);
  background-position: 100% 0;
}

/* Active: Pressed Down */
a.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 4px 18px rgba(255, 184, 55, 0.4);
}

/* Shine Sweep Effect */
a.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block::after {
  content: "Enroll Now"; /* Replace text */
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  pointer-events: none;
}

/* Shine Swipe Highlight */
a.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transform: skewX(-25deg);
  transition: left 0.7s ease;
}
a.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block:hover::before {
  left: 130%;
}

/* Style for the "Start Learning" button using existing classes */
a.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20[href*="lessons"] {
  display: inline-block;
  width: 100%;
  padding: 0.85rem 1.5rem;
  font-size: 1.05rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  background: linear-gradient(135deg, #1e88e5, #1565c0); /* Motivational Blue */
  border: none;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(21, 101, 192, 0.4);
  transition: all 0.3s ease;
  background-size: 200% 200%;
}

a.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20[href*="lessons"]:hover {
  background: linear-gradient(135deg, #42a5f5, #1976d2);
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 6px 20px rgba(21, 101, 192, 0.6);
}

a.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20[href*="lessons"]:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 3px 10px rgba(21, 101, 192, 0.4);
}

/* Gradient Animation */
@keyframes enrollGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}




/* Animated Gradient */
@keyframes buyGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}



/* Animated Gradient Keyframes */
@keyframes enrollGradientFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


/* Optional celebratory glow pulse */
@keyframes pulseGlow {
  0% { box-shadow: 0 0 10px rgba(76, 175, 80, 0.5); }
  50% { box-shadow: 0 0 20px rgba(76, 175, 80, 0.8); }
  100% { box-shadow: 0 0 10px rgba(76, 175, 80, 0.5); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58ac3b01 *//* Enrollment Box - Fancy Look */
.tutor-card.tutor-card-md.tutor-sidebar-card {
  border: none;
  border-radius: 12px;
  background: linear-gradient(145deg, #ffffff, #f7f7f7);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tutor-card.tutor-card-md.tutor-sidebar-card:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 6px 30px rgba(126, 41, 191, 0.4);
}

/* Price Highlight */
.tutor-course-single-pricing span {
  font-size: 24px;
  font-weight: 700;
  color: #7e29bf;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: color 0.3s ease;
}
.tutor-card.tutor-card-md.tutor-sidebar-card:hover .tutor-course-single-pricing span {
  color: #9b4de5;
}

/* Enroll Button - Premium Hover */
.tutor-enroll-course-button {
  background: linear-gradient(90deg, #7e29bf, #9b4de5) !important;
  color: #ffffff !important;
  font-weight: 700;
  border-radius: 6px;
  padding: 10px 0;
  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}
.tutor-enroll-course-button:hover {
  background: linear-gradient(90deg, #9b4de5, #7e29bf) !important;
  transform: scale(1.03);
  box-shadow: 0 4px 14px rgba(126, 41, 191, 0.5);
}

/* Footer Info */
.tutor-card-footer ul.tutor-ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #444;
  background: rgba(126, 41, 191, 0.03);
  padding: 6px 8px;
  border-radius: 6px;
  transition: background 0.3s ease, transform 0.2s ease;
}
.tutor-card-footer ul.tutor-ul li:hover {
  background: rgba(126, 41, 191, 0.08);
  transform: translateX(3px);
}

/* Icons */
.tutor-card-footer .tutor-icon-level,
.tutor-card-footer .tutor-icon-mortarboard,
.tutor-card-footer .tutor-icon-clock-line,
.tutor-card-footer .tutor-icon-refresh-o,
.tutor-card-footer .tutor-icon-ribbon-o {
  color: #7e29bf;
  font-size: 16px;
  transition: color 0.3s ease;
}
.tutor-card-footer ul.tutor-ul li:hover .tutor-icon-level,
.tutor-card-footer ul.tutor-ul li:hover .tutor-icon-mortarboard,
.tutor-card-footer ul.tutor-ul li:hover .tutor-icon-clock-line,
.tutor-card-footer ul.tutor-ul li:hover .tutor-icon-refresh-o,
.tutor-card-footer ul.tutor-ul li:hover .tutor-icon-ribbon-o {
  color: #9b4de5;
}/* End custom CSS */