.elementor-widget-container [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-container [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-5657 .elementor-element.elementor-element-245288e{--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-5657 .elementor-element.elementor-element-c5f5ba9{--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-widget-html [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-html [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-html ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-5657 .elementor-element.elementor-element-4a3dfe0{--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-widget-heading [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-heading ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5657 .elementor-element.elementor-element-f0f8273{text-align:left;}.elementor-5657 .elementor-element.elementor-element-f0f8273 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-widget-icon-list [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-icon-list [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-icon-list ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-5657 .elementor-element.elementor-element-60a9cfb .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-5657 .elementor-element.elementor-element-60a9cfb .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-5657 .elementor-element.elementor-element-60a9cfb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5657 .elementor-element.elementor-element-60a9cfb .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-5657 .elementor-element.elementor-element-7027eb1{--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-5657 .elementor-element.elementor-element-a2ca0fc{text-align:left;}.elementor-5657 .elementor-element.elementor-element-a2ca0fc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-5657 .elementor-element.elementor-element-7b9a7b5 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-5657 .elementor-element.elementor-element-7b9a7b5 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-5657 .elementor-element.elementor-element-7b9a7b5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5657 .elementor-element.elementor-element-7b9a7b5 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-5657 .elementor-element.elementor-element-b912dac{--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-5657 .elementor-element.elementor-element-eced9fc{text-align:left;}.elementor-5657 .elementor-element.elementor-element-eced9fc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-5657 .elementor-element.elementor-element-05c030a .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-5657 .elementor-element.elementor-element-05c030a .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-5657 .elementor-element.elementor-element-05c030a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5657 .elementor-element.elementor-element-05c030a .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-5657 .elementor-element.elementor-element-d2d4d73{--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-5657 .elementor-element.elementor-element-e620372 > .elementor-widget-container{margin:-37px 6px -30px -40px;}.elementor-5657 .elementor-element.elementor-element-284b24a{--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-5657 .elementor-element.elementor-element-ed22888 .elementor-heading-title{color:#000000;}.elementor-widget-text-editor [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-text-editor [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5657 .elementor-element.elementor-element-a30b4ec{color:#000000;}.elementor-5657 .elementor-element.elementor-element-7b6041d{--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;}/* Start custom CSS for html, class: .elementor-element-4d4a415 *//* ONLY CHANGE COLORS HERE ========================= */
:root {
  --banner-height-desktop: 420px;
  --banner-bg: linear-gradient(135deg,#063b48,#0b5f73);

  --heading-color: #ffffff;
  --subheading-color: #e0f2f7;
  --text-color: #d1ecf1;
  --rating-color: #ffd54f;
  --breadcrumb-color: #cfd8dc;

  --card-bg: #ffffff;
  --card-text-color: #000000;

  --primary-btn: #1677ff;
  --free-color: #00b050;
}
/* ========================= */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

/* BANNER */
.course-banner {
  background: var(--banner-bg);
  height: var(--banner-height-desktop);
  display: flex;
  align-items: center;
}

/* WRAPPER */
.banner-inner {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  gap: 40px;
  padding: 20px;
}

/* LEFT */
.banner-left {
  flex: 1;
}

.banner-left h1 {
  font-size: 36px;
  margin-bottom: 10px;
  color: var(--heading-color) !important;
}

.banner-left h3 {
  font-size: 18px;
  margin-bottom: 14px;
  font-weight: 400;
  color: var(--subheading-color) !important;
}

.rating {
  font-size: 14px;
  margin-bottom: 14px;
  color: var(--rating-color) !important;
}

.desc {
  max-width: 600px;
  line-height: 1.6;
  color: var(--text-color) !important;
}

/* RIGHT CARD (VIDEO) */
.banner-right {
  width: 360px;
  background: var(--card-bg);
  color: var(--card-text-color);
  border-radius: 10px;
  padding: 15px;

  position: relative;

  /* 👇 SOFT SHADOW ADDED */
  box-shadow:
    0 10px 25px rgba(0,0,0,0.18),
    0 4px 10px rgba(0,0,0,0.10);
}

/* VIDEO */
.video-box {
  height: 200px;
  border-radius: 8px;
  overflow: hidden;
}

.video-box iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* BUTTONS */
.free {
  display: block;
  margin: 15px 0;
  font-weight: bold;
  color: var(--free-color);
}

.start-btn {
  width: 100%;
  padding: 12px;
  background: var(--primary-btn);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
}

.info {
  margin-top: 20px;
  font-size: 14px;
}

.info p {
  margin-bottom: 12px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .course-banner {
    height: auto;
  }
  .banner-inner {
    flex-direction: column;
  }
  .banner-right {
    width: 100%;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e620372 *//* PAGE BACKGROUND */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #f8fafc
;
}

/* MAIN WRAPPER */
.syllabus-wrapper {
  background: ;
  padding: 20px;
  margin: 20px auto;
  width: calc(100% - 40px);
  box-sizing: border-box;
  border-radius: 6px;
}

/* TITLE + BUTTON */
.title-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* TITLE */
.main-title {
  margin: 0;
  font-size: 32px;
}

/* BUTTON */
.read-btn {
  padding: 6px 16px;
  background: #0b5394;
  color: #ffffff;
  border: none;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
}

/* CONTENT HIDDEN */
.syllabus-content {
  display: none;
  margin-top: 20px;
}

/* CONTENT SHOW */
.syllabus-content.show {
  display: block;
}

/* CHAPTER TITLE */
.chapter-title {
  background: #e9f3f3;
  padding: 8px 10px;
  font-weight: bold;
  margin: 15px 0 10px;
}

/* PARAGRAPHS */
.syllabus-content p {
  margin: 4px 0;
  font-size: 15px;
}

/* SUB POINTS */
.sub-point {
  margin-left: 20px;
  font-size: 14px;
  margin-bottom: 4px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1688be */* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

body {
  background: #f8fafc;
  padding: 20px;
}

.courses h2 {
  font-size: 24px;
  margin-bottom: 15px;
}

/* Carousel container */
.course-scroll {
  overflow: hidden;
  width: 100%;
}

/* Track with animation */
.course-track {
  display: flex;
  gap: 20px;
  animation: scroll 20s linear infinite;
}

/* Pause animation on hover */
.course-scroll:hover .course-track {
  animation-play-state: paused;
}

/* Cards */
.course-card {
  min-width: 280px;
  max-width: 280px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  padding: 15px;
  flex-shrink: 0;
}

.course-card img {
  width: 100%;
  border-radius: 10px;
}

.course-card h3 {
  font-size: 15px;
  margin: 12px 0 6px;
}

.meta {
  font-size: 13px;
  color: #555;
}

.cert {
  font-size: 13px;
  color: #16a34a;
  margin: 8px 0 12px;
}

/* Buttons */
.actions {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.actions a {
  text-decoration: none;
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.view {
  color: #333;
  background: #f0f0f0;
}

.start {
  color: #fff;
  background: #2563eb;
}

/* Animation */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}/* End custom CSS */