.elementor-1336 .elementor-element.elementor-element-b4271fb{--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-1336 .elementor-element.elementor-element-9df56e9{--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-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );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-1336 .elementor-element.elementor-element-2ad05ff{text-align:left;color:#131212;}.elementor-1336 .elementor-element.elementor-element-1e957702{padding:50px 0px 100px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );color:var( --e-global-color-primary );}.elementor-1336 .elementor-element.elementor-element-354b59e9{text-align:center;}.elementor-1336 .elementor-element.elementor-element-354b59e9 .elementor-heading-title{font-size:33px;font-weight:900;line-height:1.1em;color:#222222;}.elementor-1336 .elementor-element.elementor-element-6d585e9d{text-align:center;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;letter-spacing:0.2px;color:#444444;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}.elementor-1336 .elementor-element.elementor-element-59c62c82 > .elementor-widget-container{background-color:#FFFFFF;margin:30px 0px 0px 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F6F6F6;border-radius:19px 19px 19px 19px;box-shadow:0px 0px 25px 0px rgba(200.25, 200.25, 200.25, 0.5);}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-accordion-item{border-width:0px;border-color:#F2F2F2;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-accordion-item .elementor-tab-content{border-width:0px;border-top-color:#F2F2F2;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;border-bottom-color:#F2F2F2;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-tab-title{background-color:#FFFFFF;padding:18px 18px 18px 18px;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-accordion-icon, .elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-accordion-title{color:#737373;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-accordion-icon svg{fill:#737373;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-active .elementor-accordion-icon, .elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-active .elementor-accordion-title{color:#4F4F4F;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-active .elementor-accordion-icon svg{fill:#4F4F4F;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-accordion-title{font-size:16px;font-weight:400;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-tab-title .elementor-accordion-icon i:before{color:#737373;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-tab-title .elementor-accordion-icon svg{fill:#737373;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#4F4F4F;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#4F4F4F;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-tab-content{background-color:#FFFFFF;color:#4F4F4F;font-size:14px;font-weight:400;line-height:1.7em;letter-spacing:0.2px;}.elementor-1336 .elementor-element.elementor-element-17d62ae4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:050px;--padding-bottom:112px;--padding-left:0px;--padding-right:0px;}.elementor-1336 .elementor-element.elementor-element-17d62ae4:not(.elementor-motion-effects-element-type-background), .elementor-1336 .elementor-element.elementor-element-17d62ae4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FB;}.elementor-1336 .elementor-element.elementor-element-34b4954c{text-align:center;}.elementor-1336 .elementor-element.elementor-element-1414ccf3{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-testimonial-slider{--ekit_testimonial_slidetoshow:3;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-testimonial-slider .swiper-pagination span{background-color:#e7e7e7;width:12px;height:12px;border-radius:100px 100px 100px 100px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active{background-color:#2575fc;width:16px;height:16px;transform:scale(1.2);}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-testimonial-slider .swiper-wrapper{padding:0px 0px 50px 0px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-single-testimonial-slider, .elementor-1336 .elementor-element.elementor-element-44e8c974  .elementskit-testimonial_card{padding:35px 34px 39px 34px;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-single-testimonial-slider, .elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-testimonial_card{border-radius:10px 10px 10px 10px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-single-testimonial-slider{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F7F7F7;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-tootltip-testimonial .elementskit-commentor-content:hover, .elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-single-testimonial-slider:hover, .elementor-1336 .elementor-element.elementor-element-44e8c974  .elementskit-testimonial_card:hover{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-single-testimonial-slider.testimonial-active{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-commentor-content{padding:0px 0px 0px 0px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-single-testimonial-slider  .elementskit-commentor-content > p{color:#252235;margin:0px 0px 32px 0px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-testimonial_card .elementskit-commentor-coment{color:#252235;margin:0px 0px 32px 0px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-stars > li > a, .elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-stars > li > span{color:#fec42d;fill:#fec42d;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-stars > li:not(:last-child){margin-right:0px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-stars{margin:0px 0px 9px 0px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-profile-info .elementskit-author-name{color:#000000;margin-bottom:0px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-profile-info .elementskit-author-des{color:rgba(0,0,0,0.5);}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-commentor-image > img{border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1);}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-commentor-bio .elementskit-commentor-image > img{height:60px;width:60px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .ekit-testimonial--avatar{margin:0px 10px 0px 0px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-testimonial-slider .swiper-pagination{bottom:-10px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-testimonial-slider .swiper-pagination span:not(:last-child){margin-right:12px;}@media(min-width:2400px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-accordion .elementor-tab-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1336 .elementor-element.elementor-element-17d62ae4{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1336 .elementor-element.elementor-element-34b4954c{text-align:center;}}@media(max-width:1366px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-accordion .elementor-tab-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1336 .elementor-element.elementor-element-1e957702{padding:0px 20px 50px 20px;}.elementor-1336 .elementor-element.elementor-element-354b59e9 .elementor-heading-title{font-size:30px;}.elementor-1336 .elementor-element.elementor-element-6d585e9d{font-size:13px;}.elementor-widget-accordion .elementor-tab-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-accordion-title{font-size:14px;}.elementor-1336 .elementor-element.elementor-element-59c62c82 .elementor-tab-content{font-size:13px;}.elementor-1336 .elementor-element.elementor-element-17d62ae4{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;--ekit_testimonial_slidetoshow:2;}}@media(max-width:767px){.elementor-1336 .elementor-element.elementor-element-b4271fb{--padding-top:060px;--padding-bottom:15px;--padding-left:10px;--padding-right:10px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1336 .elementor-element.elementor-element-354b59e9 .elementor-heading-title{font-size:27px;}.elementor-widget-accordion .elementor-tab-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1336 .elementor-element.elementor-element-59c62c82 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1336 .elementor-element.elementor-element-44e8c974 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;--ekit_testimonial_slidetoshow:1;}}/* Start custom CSS for html, class: .elementor-element-2c9193e */:root {
      --primary: #4361ee;
      --primary-light: #4895ef;
      --secondary: #3f37c9;
      --dark: #1b263b;
      --light: #f8f9fa;
      --success: #4cc9f0;
      --warning: #f8961e;
      --danger: #f72585;
      --border-radius: 12px;
      --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      --transition: all 0.3s ease;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    }

    #prompt-engineering-course {
      max-width: 1200px;
      margin: 0 auto;
      padding: 2rem;
      color: var(--dark);
      background-color: var(--light);
      min-height: 100vh;
      position: relative;
    }

    /* Header */
    .course-header {
      text-align: center;
      margin-bottom: 2rem;
    }

    .course-header h1 {
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
      background: linear-gradient(45deg, var(--primary), var(--primary-light));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .course-header p {
      font-size: 1.1rem;
      color: #666;
      max-width: 700px;
      margin: 0 auto;
    }

    /* Progress */
    .progress-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 2rem;
      gap: 1rem;
    }

    .progress-bar {
      flex-grow: 1;
      height: 10px;
      background-color: #e9ecef;
      border-radius: 5px;
      overflow: hidden;
    }

    .progress-fill {
      height: 100%;
      background: linear-gradient(90deg, var(--primary), var(--success));
      width: 0%;
      transition: var(--transition);
    }

    .progress-text {
      font-weight: bold;
      color: var(--dark);
      min-width: 80px;
      text-align: right;
    }

    /* Wizard Navigation */
    .wizard-nav {
      display: flex;
      overflow-x: auto;
      gap: 0.5rem;
      margin-bottom: 2rem;
      padding-bottom: 0.5rem;
    }

    .wizard-step {
      padding: 0.75rem 1.5rem;
      background-color: white;
      border-radius: var(--border-radius);
      cursor: pointer;
      font-weight: 600;
      white-space: nowrap;
      box-shadow: var(--shadow);
      transition: var(--transition);
      border: 2px solid transparent;
      position: relative;
    }

    .wizard-step:hover {
      transform: translateY(-2px);
    }

    .wizard-step.active {
      border-color: var(--primary);
      color: var(--primary);
    }

    .wizard-step.completed {
      background-color: var(--success);
      color: white;
    }

    .wizard-step.completed::after {
      content: '✓';
      margin-left: 0.5rem;
    }

    /* Wizard Content */
    .wizard-content {
      display: none;
      background-color: white;
      border-radius: var(--border-radius);
      padding: 2rem;
      box-shadow: var(--shadow);
      margin-bottom: 2rem;
    }

    .wizard-content.active {
      display: block;
      animation: fadeIn 0.5s ease;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(10px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .wizard-title {
      font-size: 1.8rem;
      margin-bottom: 1rem;
      color: var(--primary);
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .wizard-title .emoji {
      font-size: 1.5rem;
    }

    .wizard-description {
      margin-bottom: 1.5rem;
      line-height: 1.6;
    }

    /* Content Sections */
    .content-section {
      margin-bottom: 2rem;
    }

    .section-title {
      font-size: 1.3rem;
      margin-bottom: 1rem;
      color: var(--secondary);
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .section-title .emoji {
      font-size: 1.2rem;
    }

    /* Examples */
    .example-container {
      background-color: #f8f9fa;
      border-radius: var(--border-radius);
      padding: 1.5rem;
      margin-bottom: 1.5rem;
      border-left: 4px solid var(--primary);
    }

    .example-title {
      font-weight: bold;
      margin-bottom: 0.5rem;
      color: var(--dark);
    }

    .example-content {
      font-family: 'Courier New', monospace;
      background-color: white;
      padding: 1rem;
      border-radius: 8px;
      overflow-x: auto;
      margin-bottom: 1rem;
    }

    /* Interactive Elements */
    .task-container {
      background-color: #e9f5ff;
      border-radius: var(--border-radius);
      padding: 1.5rem;
      margin-bottom: 1.5rem;
      border: 1px dashed var(--primary-light);
    }

    .task-title {
      font-weight: bold;
      margin-bottom: 1rem;
      color: var(--primary);
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .form-group {
      margin-bottom: 1rem;
    }

    label {
      display: block;
      margin-bottom: 0.5rem;
      font-weight: 600;
    }

    input[type="text"],
    textarea,
    select {
      width: 100%;
      padding: 0.75rem;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 1rem;
      transition: var(--transition);
    }

    textarea {
      min-height: 120px;
      resize: vertical;
    }

    input[type="text"]:focus,
    textarea:focus,
    select:focus {
      outline: none;
      border-color: var(--primary);
      box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
    }

    .btn {
      display: inline-block;
      padding: 0.75rem 1.5rem;
      background-color: var(--primary);
      color: white;
      border: none;
      border-radius: 8px;
      font-size: 1rem;
      font-weight: 600;
      cursor: pointer;
      transition: var(--transition);
      text-align: center;
    }

    .btn:hover {
      background-color: var(--secondary);
      transform: translateY(-2px);
    }

    .btn-secondary {
      background-color: white;
      color: var(--primary);
      border: 1px solid var(--primary);
    }

    .btn-secondary:hover {
      background-color: #f0f4ff;
    }

    .btn-group {
      display: flex;
      gap: 1rem;
      margin-top: 1rem;
    }

    /* Preview Box */
    .preview-container {
      background-color: #f5f5f5;
      border-radius: var(--border-radius);
      padding: 1.5rem;
      margin-top: 1.5rem;
    }

    .preview-title {
      font-weight: bold;
      margin-bottom: 0.5rem;
      color: var(--dark);
    }

    .preview-content {
      background-color: white;
      padding: 1rem;
      border-radius: 8px;
      min-height: 100px;
      border: 1px solid #eee;
    }

    /* Pro Tips */
    .pro-tip {
      background-color: #fff8e6;
      border-left: 4px solid var(--warning);
      padding: 1rem;
      border-radius: 0 var(--border-radius) var(--border-radius) 0;
      margin: 1.5rem 0;
    }

    .pro-tip-title {
      font-weight: bold;
      color: var(--warning);
      margin-bottom: 0.5rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    /* Quiz */
    .quiz-question {
      margin-bottom: 1.5rem;
    }

    .quiz-options {
      margin-top: 1rem;
    }

    .quiz-option {
      display: block;
      margin-bottom: 0.75rem;
      padding: 0.75rem;
      background-color: white;
      border: 1px solid #ddd;
      border-radius: 8px;
      cursor: pointer;
      transition: var(--transition);
    }

    .quiz-option:hover {
      background-color: #f8f9fa;
    }

    .quiz-option.selected {
      border-color: var(--primary);
      background-color: #f0f4ff;
    }

    .quiz-option.correct {
      border-color: var(--success);
      background-color: #e6f7f0;
    }

    .quiz-option.incorrect {
      border-color: var(--danger);
      background-color: #ffebee;
    }

    .quiz-navigation {
      display: flex;
      justify-content: space-between;
      margin-top: 2rem;
    }

    .quiz-result {
      text-align: center;
      padding: 2rem;
    }

    .quiz-score {
      font-size: 2rem;
      font-weight: bold;
      margin: 1rem 0;
      color: var(--primary);
    }

    .quiz-feedback {
      font-size: 1.2rem;
      margin-bottom: 1rem;
    }

    /* Completion */
    .completion-container {
      text-align: center;
      padding: 2rem;
    }

    .completion-icon {
      font-size: 4rem;
      margin-bottom: 1rem;
      color: var(--success);
    }

    .completion-message {
      font-size: 1.5rem;
      margin-bottom: 1rem;
      color: var(--primary);
    }

    /* Responsive */
    @media (max-width: 768px) {
      #prompt-engineering-course {
        padding: 1rem;
      }

      .wizard-step {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
      }

      .btn{
        font-size: 12px;
        padding: 6px 12px;
        margin: auto;
      }

      .task-container {
        padding: 8px;
      }

      .wizard-content {
        padding: 10px;
      }
    }/* End custom CSS */