.elementor-1498 .elementor-element.elementor-element-f7491bd{--display:flex;--min-height:70vh;--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:space-between;--overlay-opacity:0.1;--padding-top:150px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1498 .elementor-element.elementor-element-f7491bd:not(.elementor-motion-effects-element-type-background), .elementor-1498 .elementor-element.elementor-element-f7491bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://it.dit.hua.gr/wp-content/uploads/2026/07/79cff54a-e01f-4a34-b0e1-d731ef5d7db2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1498 .elementor-element.elementor-element-f7491bd::before, .elementor-1498 .elementor-element.elementor-element-f7491bd > .elementor-background-video-container::before, .elementor-1498 .elementor-element.elementor-element-f7491bd > .e-con-inner > .elementor-background-video-container::before, .elementor-1498 .elementor-element.elementor-element-f7491bd > .elementor-background-slideshow::before, .elementor-1498 .elementor-element.elementor-element-f7491bd > .e-con-inner > .elementor-background-slideshow::before, .elementor-1498 .elementor-element.elementor-element-f7491bd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-712deda );--background-overlay:'';}.elementor-1498 .elementor-element.elementor-element-f7491bd > .elementor-shape-bottom .elementor-shape-fill, .elementor-1498 .elementor-element.elementor-element-f7491bd > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-2663ba5 );}.elementor-1498 .elementor-element.elementor-element-f7491bd > .elementor-shape-bottom svg, .elementor-1498 .elementor-element.elementor-element-f7491bd > .e-con-inner > .elementor-shape-bottom svg{height:50px;}.elementor-1498 .elementor-element.elementor-element-d896411{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1498 .elementor-element.elementor-element-f6ef108 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1498 .elementor-element.elementor-element-f6ef108 .elementor-button{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:500;}.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-1498 .elementor-element.elementor-element-e168623 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-0f639b7 );}.elementor-1498 .elementor-element.elementor-element-6ef6b01 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:400;font-style:italic;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1498 .elementor-element.elementor-element-02aeec9{--divider-border-style:solid;--divider-color:var( --e-global-color-0940656 );--divider-border-width:2.5px;}.elementor-1498 .elementor-element.elementor-element-02aeec9 .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1498 .elementor-element.elementor-element-02aeec9 .elementor-divider{text-align:left;padding-block-start:4px;padding-block-end:4px;}.elementor-1498 .elementor-element.elementor-element-266bc38{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-1498 .elementor-element.elementor-element-c2140fd{--display:flex;}.elementor-1498 .elementor-element.elementor-element-f164a2a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-0f639b7 );}.elementor-1498 .elementor-element.elementor-element-0d963ee .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:600;}.elementor-1498 .elementor-element.elementor-element-bc6afdf{--display:flex;}.elementor-1498 .elementor-element.elementor-element-0c6e934 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-0f639b7 );}.elementor-1498 .elementor-element.elementor-element-05dd557 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:600;}.elementor-1498 .elementor-element.elementor-element-fd11499{--display:flex;}.elementor-1498 .elementor-element.elementor-element-d8c5e01 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-0f639b7 );}.elementor-1498 .elementor-element.elementor-element-9398866 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:600;}.elementor-1498 .elementor-element.elementor-element-42205ef{--display:flex;}.elementor-1498 .elementor-element.elementor-element-09e23cd .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-0f639b7 );}.elementor-1498 .elementor-element.elementor-element-ce11a7f .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:600;}.elementor-1498 .elementor-element.elementor-element-cea42e5{--display:flex;}.elementor-1498 .elementor-element.elementor-element-dee6589 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-0f639b7 );}.elementor-1498 .elementor-element.elementor-element-809e771 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:600;}.elementor-1498 .elementor-element.elementor-element-de1dbe2{--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-1498 .elementor-element.elementor-element-64dcf7a{--display:flex;}.elementor-1498 .elementor-element.elementor-element-6883d05 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-0f639b7 );}.elementor-1498 .elementor-element.elementor-element-fe3d579{--display:flex;}.elementor-1498 .elementor-element.elementor-element-b00f756 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:600;color:var( --e-global-color-0940656 );}.elementor-1498 .elementor-element.elementor-element-c9b1306{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:100px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1498 .elementor-element.elementor-element-c9b1306:not(.elementor-motion-effects-element-type-background), .elementor-1498 .elementor-element.elementor-element-c9b1306 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2663ba5 );}.elementor-1498 .elementor-element.elementor-element-cfd8137{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1498 .elementor-element.elementor-element-cfd8137:not(.elementor-motion-effects-element-type-background), .elementor-1498 .elementor-element.elementor-element-cfd8137 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1498 .elementor-element.elementor-element-ad369d6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:40px;font-weight:800;color:var( --e-global-color-712deda );}.elementor-1498 .elementor-element.elementor-element-d6d45fd{--divider-border-style:solid;--divider-color:var( --e-global-color-ae86e36 );--divider-border-width:3px;}.elementor-1498 .elementor-element.elementor-element-d6d45fd .elementor-divider-separator{width:10%;margin:0 auto;margin-left:0;}.elementor-1498 .elementor-element.elementor-element-d6d45fd .elementor-divider{text-align:left;padding-block-start:3px;padding-block-end:3px;}.elementor-1498 .elementor-element.elementor-element-8e75ca5 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:300;line-height:30px;color:var( --e-global-color-712deda );}.elementor-1498 .elementor-element.elementor-element-98b4728{--spacer-size:80px;}.elementor-1498 .elementor-element.elementor-element-a839a93{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1498 .elementor-element.elementor-element-a839a93:not(.elementor-motion-effects-element-type-background), .elementor-1498 .elementor-element.elementor-element-a839a93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1498 .elementor-element.elementor-element-8fcb612 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:40px;font-weight:800;color:var( --e-global-color-712deda );}.elementor-1498 .elementor-element.elementor-element-7fc6648{--divider-border-style:solid;--divider-color:var( --e-global-color-ae86e36 );--divider-border-width:3px;}.elementor-1498 .elementor-element.elementor-element-7fc6648 .elementor-divider-separator{width:10%;margin:0 auto;margin-left:0;}.elementor-1498 .elementor-element.elementor-element-7fc6648 .elementor-divider{text-align:left;padding-block-start:3px;padding-block-end:3px;}.elementor-1498 .elementor-element.elementor-element-31416b7 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:300;line-height:30px;color:var( --e-global-color-712deda );}.elementor-1498 .elementor-element.elementor-element-e3f4da1{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:100px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1498 .elementor-element.elementor-element-e3f4da1:not(.elementor-motion-effects-element-type-background), .elementor-1498 .elementor-element.elementor-element-e3f4da1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2663ba5 );}@media(max-width:1366px){.elementor-1498 .elementor-element.elementor-element-f7491bd{--overlay-opacity:0.2;}}@media(max-width:1200px){.elementor-1498 .elementor-element.elementor-element-c9b1306{--padding-top:80px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1498 .elementor-element.elementor-element-ad369d6 .elementor-heading-title{font-size:30px;}.elementor-1498 .elementor-element.elementor-element-8e75ca5 .elementor-heading-title{font-size:18px;}.elementor-1498 .elementor-element.elementor-element-8fcb612 .elementor-heading-title{font-size:30px;}.elementor-1498 .elementor-element.elementor-element-31416b7 .elementor-heading-title{font-size:18px;}.elementor-1498 .elementor-element.elementor-element-e3f4da1{--padding-top:80px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-1498 .elementor-element.elementor-element-f7491bd{--min-height:70vh;--overlay-opacity:0.2;--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-1498 .elementor-element.elementor-element-e168623 .elementor-heading-title{font-size:28px;}.elementor-1498 .elementor-element.elementor-element-6ef6b01 .elementor-heading-title{font-size:15px;}.elementor-1498 .elementor-element.elementor-element-02aeec9 .elementor-divider-separator{width:30%;}.elementor-1498 .elementor-element.elementor-element-f164a2a .elementor-heading-title{font-size:15px;}.elementor-1498 .elementor-element.elementor-element-0d963ee .elementor-heading-title{font-size:12px;}.elementor-1498 .elementor-element.elementor-element-0c6e934 .elementor-heading-title{font-size:15px;}.elementor-1498 .elementor-element.elementor-element-05dd557 .elementor-heading-title{font-size:12px;}.elementor-1498 .elementor-element.elementor-element-d8c5e01 .elementor-heading-title{font-size:15px;}.elementor-1498 .elementor-element.elementor-element-9398866 .elementor-heading-title{font-size:12px;}.elementor-1498 .elementor-element.elementor-element-09e23cd .elementor-heading-title{font-size:15px;}.elementor-1498 .elementor-element.elementor-element-ce11a7f .elementor-heading-title{font-size:12px;}.elementor-1498 .elementor-element.elementor-element-dee6589 .elementor-heading-title{font-size:15px;}.elementor-1498 .elementor-element.elementor-element-809e771 .elementor-heading-title{font-size:12px;}.elementor-1498 .elementor-element.elementor-element-6883d05 .elementor-heading-title{font-size:15px;}.elementor-1498 .elementor-element.elementor-element-b00f756 .elementor-heading-title{font-size:12px;}.elementor-1498 .elementor-element.elementor-element-c9b1306{--padding-top:10px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-1498 .elementor-element.elementor-element-cfd8137{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1498 .elementor-element.elementor-element-ad369d6 .elementor-heading-title{font-size:22px;}.elementor-1498 .elementor-element.elementor-element-d6d45fd .elementor-divider-separator{width:25%;}.elementor-1498 .elementor-element.elementor-element-8e75ca5 .elementor-heading-title{font-size:13px;line-height:23px;}.elementor-1498 .elementor-element.elementor-element-98b4728{--spacer-size:30px;}.elementor-1498 .elementor-element.elementor-element-a839a93{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1498 .elementor-element.elementor-element-8fcb612 .elementor-heading-title{font-size:22px;}.elementor-1498 .elementor-element.elementor-element-7fc6648 .elementor-divider-separator{width:25%;}.elementor-1498 .elementor-element.elementor-element-31416b7 .elementor-heading-title{font-size:13px;line-height:23px;}.elementor-1498 .elementor-element.elementor-element-e3f4da1{--padding-top:10px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for button, class: .elementor-element-f6ef108 *//* ============================= */
/* COURSE BACK BUTTON */
/* ============================= */

.course-back-btn .elementor-button {
  position: relative;
  overflow: hidden;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding: 12px 20px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.08),
      rgba(105, 216, 255, 0.05)
    ) !important;

  color: #f4f4f4 !important;

  border: 1px solid rgba(105, 216, 255, 0.35) !important;
  border-radius: 14px !important;

  font-size: 14px;
  font-weight: 700;

  letter-spacing: 0.4px;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 26px rgba(0, 12, 35, 0.18);

  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}


/* ============================= */
/* LEFT ACCENT */
/* ============================= */

.course-back-btn .elementor-button::before {
  content: "";

  position: absolute;

  left: 0;
  top: 50%;

  transform: translateY(-50%);

  width: 3px;
  height: 26px;

  background:
    linear-gradient(
      180deg,
      #69d8ff,
      rgba(105, 216, 255, 0.20)
    );

  box-shadow:
    0 0 12px rgba(105, 216, 255, 0.55);
}


/* ============================= */
/* HOVER */
/* ============================= */

.course-back-btn .elementor-button:hover {
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.13),
      rgba(105, 216, 255, 0.09)
    ) !important;

  border-color:
    rgba(105, 216, 255, 0.60) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 14px 30px rgba(0, 12, 35, 0.22);
}


/* ============================= */
/* MOBILE */
/* ============================= */

@media (max-width: 767px) {

  .course-back-btn .elementor-button {
    padding: 10px 16px;

    font-size: 13px;

    border-radius: 12px !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-266bc38 *//* ============================= */
/* COURSE HERO INFO GRID */
/* ============================= */

.course-hero-info-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;

  width: 100%;
  margin-top: 34px;
}


/* ============================= */
/* COURSE INFO CARD */
/* ============================= */

.course-info-card {
  position: relative;
  overflow: hidden;

  width: 100%;
  min-height: 126px;

  padding: 24px 22px 22px 26px;
  box-sizing: border-box;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.11) 0%,
      rgba(54, 145, 220, 0.08) 55%,
      rgba(0, 27, 68, 0.08) 100%
    );

  border: 1px solid rgba(107, 210, 255, 0.26);
  border-radius: 20px;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 12px 30px rgba(0, 12, 35, 0.20);

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  gap: 12px;
}


/* ============================= */
/* LEFT FUTURISTIC ACCENT */
/* ============================= */

.course-info-card::before {
  content: "";

  position: absolute;

  left: 0;
  top: 24px;

  width: 3px;
  height: 42px;

  background: linear-gradient(
    180deg,
    #6bdcff 0%,
    rgba(107, 220, 255, 0.20) 100%
  );

  box-shadow:
    0 0 12px rgba(107, 220, 255, 0.55);
}


/* ============================= */
/* CORNER TECH DETAIL */
/* ============================= */

.course-info-card::after {
  content: "";

  position: absolute;

  right: 14px;
  bottom: 14px;

  width: 24px;
  height: 24px;

  border-right: 1px solid rgba(107, 220, 255, 0.32);
  border-bottom: 1px solid rgba(107, 220, 255, 0.32);

  border-radius: 0 0 8px 0;

  pointer-events: none;
}


/* ============================= */
/* LABEL */
/* ============================= */

.course-info-label {
  margin: 0 !important;

  color: rgba(244, 244, 244, 0.92) !important;

  font-size: 15px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  text-transform: uppercase;
  letter-spacing: 1.1px;
}


/* ============================= */
/* VALUE */
/* ============================= */

.course-info-value {
  margin: 0 !important;

  color: #69d8ff !important;

  font-size: 17px !important;
  font-weight: 600 !important;

  line-height: 1.3 !important;

  letter-spacing: 0.2px;

  text-shadow:
    0 0 14px rgba(105, 216, 255, 0.24);
}


/* ============================= */
/* REMOVE ELEMENTOR SPACING */
/* ============================= */

.course-info-card .elementor-widget-heading {
  margin-bottom: 0 !important;
}


/* ============================= */
/* TABLET */
/* ============================= */

@media (max-width: 1024px) {

  .course-hero-info-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

/* ============================= */
/* MOBILE */
/* ============================= */

@media (max-width: 767px) {

  .course-hero-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 12px !important;

    width: 100% !important;
    margin-top: 24px !important;

    box-sizing: border-box;
  }


  .course-info-card {
    width: 100% !important;
    min-width: 0 !important;

    min-height: 108px !important;

    padding: 18px 14px 16px 18px !important;

    border-radius: 18px;
  }


  .course-info-label {
    font-size: 12px !important;
    line-height: 1.2 !important;

    letter-spacing: 0.6px !important;

    white-space: normal;
    overflow-wrap: break-word;
  }


  .course-info-value {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }


  .course-info-card::before {
    top: 20px;
    height: 36px;
  }


  .course-info-card::after {
    right: 10px;
    bottom: 10px;

    width: 20px;
    height: 20px;
  }

}


/* ============================= */
/* VERY SMALL MOBILE */
/* KEEP 2 CARDS PER ROW */
/* ============================= */

@media (max-width: 520px) {

  .course-hero-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }


  .course-info-card {
    min-height: 102px !important;

    padding:
      16px 10px
      14px 16px !important;
  }


  .course-info-label {
    font-size: 11px !important;
    letter-spacing: 0.4px !important;
  }


  .course-info-value {
    font-size: 13px !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de1dbe2 *//* ============================= */
/* COURSE PREREQUISITES PANEL */
/* ============================= */

.course-prerequisites-card {
  position: relative;
  overflow: hidden;

  width: 100%;
  min-height: 112px;

  display: flex;
  flex-direction: row;
  align-items: center;

  padding: 24px 28px;
  box-sizing: border-box;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.10) 0%,
      rgba(60, 155, 225, 0.08) 50%,
      rgba(0, 27, 68, 0.10) 100%
    );

  border: 1px solid rgba(107, 220, 255, 0.28);
  border-radius: 20px;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 14px 32px rgba(0, 12, 35, 0.18);
}


/* ============================= */
/* LEFT ACCENT LINE */
/* ============================= */

.course-prerequisites-card::before {
  content: "";

  position: absolute;

  left: 0;
  top: 24px;

  width: 3px;
  height: 48px;

  background: linear-gradient(
    180deg,
    #6bdcff 0%,
    rgba(107, 220, 255, 0.18) 100%
  );

  box-shadow:
    0 0 14px rgba(107, 220, 255, 0.55);
}


/* ============================= */
/* CORNER TECH DETAIL */
/* ============================= */

.course-prerequisites-card::after {
  content: "";

  position: absolute;

  right: 16px;
  bottom: 14px;

  width: 34px;
  height: 24px;

  border-right: 1px solid rgba(107, 220, 255, 0.34);
  border-bottom: 1px solid rgba(107, 220, 255, 0.34);

  border-radius: 0 0 8px 0;

  pointer-events: none;
}


/* ============================= */
/* LEFT TITLE AREA */
/* ============================= */

.course-prerequisites-title-area {
  flex: 0 0 220px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  padding-right: 28px;

  border-right: 1px solid rgba(107, 220, 255, 0.18);
}


/* ============================= */
/* RIGHT CONTENT AREA */
/* ============================= */

.course-prerequisites-content {
  flex: 1;

  display: flex;
  flex-direction: column;
  justify-content: center;

  padding-left: 28px;
}


/* ============================= */
/* LABEL */
/* ============================= */

.course-prerequisites-label {
  margin: 0 !important;

  color: #f4f4f4 !important;

  font-size: 15px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  text-transform: uppercase;
  letter-spacing: 1.2px;
}


/* ============================= */
/* VALUE */
/* ============================= */

.course-prerequisites-value {
  margin: 0 !important;

  color: #69d8ff !important;

  font-size: 17px !important;
  font-weight: 500 !important;

  line-height: 1.55 !important;

  letter-spacing: 0.1px;

  text-shadow:
    0 0 14px rgba(105, 216, 255, 0.18);
}


/* ============================= */
/* REMOVE ELEMENTOR SPACING */
/* ============================= */

.course-prerequisites-card .elementor-widget-heading,
.course-prerequisites-card .elementor-widget-text-editor {
  margin-bottom: 0 !important;
}


/* ============================= */
/* TABLET */
/* ============================= */

@media (max-width: 1024px) {

  .course-prerequisites-title-area {
    flex-basis: 180px;
  }

}


/* ============================= */
/* MOBILE */
/* ============================= */

@media (max-width: 767px) {

  .course-prerequisites-card {
    flex-direction: column;
    align-items: stretch;

    padding: 22px 20px;

    min-height: auto;
  }

  .course-prerequisites-title-area {
    flex: none;
    width: 100%;

    padding-right: 0;
    padding-bottom: 16px;

    border-right: none;
    border-bottom: 1px solid rgba(107, 220, 255, 0.18);
  }

  .course-prerequisites-content {
    padding-left: 0;
    padding-top: 16px;
  }

  .course-prerequisites-label {
    font-size: 13px !important;
  }

  .course-prerequisites-value {
    font-size: 15px !important;
  }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8e75ca5 */.acf-newlines,
.acf-newlines p,
.acf-newlines .elementor-heading-title {
    white-space: pre-line !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfd8137 *//* ============================= */
/* COURSE CONTENT CONTAINER */
/* ============================= */

.course-content-card {
  position: relative;
  overflow: hidden;

  width: 100%;
  box-sizing: border-box;

  padding: 36px 38px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(246, 251, 255, 0.98) 55%,
      rgba(236, 247, 253, 0.98) 100%
    );

  border: 1px solid rgba(0, 74, 117, 0.14);
  border-radius: 24px;

  box-shadow:
    0 20px 50px rgba(0, 27, 68, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}


/* ============================= */
/* LEFT FUTURISTIC ACCENT */
/* ============================= */

.course-content-card::before {
  content: "";

  position: absolute;

  left: 0;
  top: 34px;

  width: 4px;
  height: 86px;

  background:
    linear-gradient(
      180deg,
      #69d8ff 0%,
      #168fc5 55%,
      rgba(22, 143, 197, 0) 100%
    );

  box-shadow:
    0 0 16px rgba(105, 216, 255, 0.50);

  pointer-events: none;
}


/* ============================= */
/* TECH CORNER DETAIL */
/* ============================= */

.course-content-card::after {
  content: "";

  position: absolute;

  right: 18px;
  bottom: 18px;

  width: 58px;
  height: 38px;

  border-right: 2px solid rgba(43, 173, 220, 0.40);
  border-bottom: 2px solid rgba(43, 173, 220, 0.40);

  border-radius: 0 0 12px 0;

  pointer-events: none;
}


/* ============================= */
/* TABLET */
/* ============================= */

@media (max-width: 1024px) {

  .course-content-card {
    padding: 32px 30px;
    border-radius: 22px;
  }

}


/* ============================= */
/* MOBILE */
/* ============================= */

@media (max-width: 767px) {

  .course-content-card {
    padding: 26px 20px;

    border-radius: 18px;

    box-shadow:
      0 14px 34px rgba(0, 27, 68, 0.09);
  }

  .course-content-card::before {
    top: 24px;
    height: 64px;
  }

  .course-content-card::after {
    right: 12px;
    bottom: 12px;

    width: 40px;
    height: 28px;
  }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31416b7 */.acf-newlines,
.acf-newlines p,
.acf-newlines .elementor-heading-title {
    white-space: pre-line !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a839a93 *//* ============================= */
/* LEARNING OUTCOMES CONTAINER */
/* ============================= */

.course-learning-card {
  position: relative;
  overflow: hidden;

  width: 100%;
  box-sizing: border-box;

  padding: 36px 38px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(246, 251, 255, 0.98) 55%,
      rgba(236, 247, 253, 0.98) 100%
    );

  border: 1px solid rgba(0, 74, 117, 0.14);
  border-radius: 24px;

  box-shadow:
    0 20px 50px rgba(0, 27, 68, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}


/* ============================= */
/* LEFT FUTURISTIC ACCENT */
/* ============================= */

.course-learning-card::before {
  content: "";

  position: absolute;

  left: 0;
  top: 34px;

  width: 4px;
  height: 86px;

  background:
    linear-gradient(
      180deg,
      #69d8ff 0%,
      #168fc5 55%,
      rgba(22, 143, 197, 0) 100%
    );

  box-shadow:
    0 0 16px rgba(105, 216, 255, 0.50);

  pointer-events: none;
}


/* ============================= */
/* TECH CORNER DETAIL */
/* ============================= */

.course-learning-card::after {
  content: "";

  position: absolute;

  right: 18px;
  bottom: 18px;

  width: 58px;
  height: 38px;

  border-right: 2px solid rgba(43, 173, 220, 0.40);
  border-bottom: 2px solid rgba(43, 173, 220, 0.40);

  border-radius: 0 0 12px 0;

  pointer-events: none;
}


/* ============================= */
/* TABLET */
/* ============================= */

@media (max-width: 1024px) {

  .course-learning-card {
    padding: 32px 30px;
    border-radius: 22px;
  }

}


/* ============================= */
/* MOBILE */
/* ============================= */

@media (max-width: 767px) {

  .course-learning-card {
    padding: 26px 20px;

    border-radius: 18px;

    box-shadow:
      0 14px 34px rgba(0, 27, 68, 0.09);
  }

  .course-learning-card::before {
    top: 24px;
    height: 64px;
  }

  .course-learning-card::after {
    right: 12px;
    bottom: 12px;

    width: 40px;
    height: 28px;
  }

}/* End custom CSS */