.header-wrapper {
    display: none !important;
}

.gridContainer {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html, body {
    font-family: 'Anek Latin', sans-serif !important;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;  
    overflow-y: auto;  /* Explicitly set vertical scrolling */
    height: 100%;      /* Ensure proper height calculation */ 
}

.esi-scope, .esi-scope * {
    all: unset;
    box-sizing: border-box;
}  

@import url('https://fonts.googleapis.com/css2?family=Anek+Latin:wght@400;700&display=swap');

.esi-hero-divider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  z-index: 4;
}

.esi-hero {
  position: relative;
  background: url('https://i2c.tuwien.ac.at/wp-content/uploads/2025/05/94f790d130503d2534efabf1785ba62653f99bdd1-scaled.webp') center/cover no-repeat;
  overflow: hidden;
  padding: 80px 40px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 1000px;
}

.esi-hero-content {
  max-width: 500px;
  z-index: 3;
}

.esi-hero-logo img {
  width: 100%;
  max-width: 450px;
  height: auto;
}

.esi-hero-description {
  font-size: 17px;
  margin: 20px 0;
  color: #222;
  width: 80%;
}

.esi-hero-button {
  margin-top: 30px;
}

.esi-hero-button img {
  width: 80%;
  height: auto;
}

.esi-hero-image-container {
  position: relative;
  width: 100%;
  z-index: 2;
  margin-bottom: -10%;
  max-width: 1000px;
}

.esi-hero-students {
  width: 100%;
  height: auto;
}

.esi-hero-triangle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35vh;
  background: white;
  clip-path: polygon(0 60%, 100% 10%, 100% 100%, 0% 100%);
  z-index: 4;
}

@media (max-width: 1680px) {
  .esi-hero {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 60px 20px 0;
  }

  .esi-hero-triangle {
    clip-path: polygon(0 60%, 100% 40%, 100% 100%, 0% 100%);
  }

  .esi-hero-content {
    max-width: none;
    margin-bottom: -100px;
    margin-top: 100px;
  }

  .esi-hero-logo img {
    max-width: 300px;
  }

  .esi-hero-button {
    margin-left: 0;
  }

  .esi-hero-button img {
    width: 220px;
  }

  .esi-hero-description {
    width: 100%;
  }
}

/* @media (max-width: 1598px) {
  .esi-hero-image-container {
    max-width: 2000px;
  }
} */

@media (max-width: 1000px) {
  .esi-hero{
    height: 800px;
  }

  .esi-hero-content {
    margin-bottom: 40px;
  }
}

@media (max-width: 650px) {
  .esi-hero {
    height: 700px;
  }

  .esi-hero-divider {
    width: 900px;
  }
}

@media (max-width: 530px) {
  .esi-hero-content {
    margin-bottom: 0;
  }

  .esi-hero-description {
    font-size: 14px;
  }

  /* .esi-hero {
    height: 600px;
  } */

  .esi-hero-content {
    margin-bottom: 10px;
  }
}

.esi-about-program {
  font-family: 'Anek Latin', sans-serif;
  background-color: #fff;
  padding: 0rem 4rem;
  color: #0a1b3f;
  position: relative;
  z-index: 5;
  margin-top: -80px;
}

.esi-about-container {
  max-width: 1000px;
  margin: 0 auto;
}

.esi-about-grid {
  display: grid;
  grid-template-columns: 1fr 2.5fr;
  gap: 4rem;
  align-items: start; /* ensures top-aligned on wide screens */
}

.esi-about-heading {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.esi-about-heading-line {
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  color: #0a1b3f;
  text-align: left;
}

.esi-about-text {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.esi-about-paragraph {
  font-size: 1rem;
  line-height: 1.8;
  color: #0a1b3f;
  text-align: left;
}

.esi-bold {
  font-weight: 700;
}

/* On mobile: stack and center heading */
@media (max-width: 768px) {
  .esi-about-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .esi-about-heading {
    align-items: center;
  }

  .esi-about-heading-line {
    text-align: center;
    font-size: 2rem;
  }
}

.esi-why-innovation {
  background: url('https://i2c.tuwien.ac.at/wp-content/uploads/2025/05/Group-1491.webp') center/cover no-repeat;
  padding: 80px 40px;
  border-top: 2px solid #012A4A;
  border-bottom: 2px solid #012A4A;
}

.esi-why-innovation-content {
  max-width: 1200px;
  margin: 0 auto;
}

.esi-why-innovation-heading {
  font-size: 38px;
  font-weight: 900;
  color: #002147;
  text-align: center;
  margin-bottom: 60px;
  line-height: 1.1;
}

.esi-why-innovation-main {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 50px;
  flex-wrap: wrap;
}

.esi-why-innovation-boxes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  flex: 1 1 600px;
}

.esi-why-innovation-box {
  background: white;
  border: 2px solid black;
  border-radius: 15px;
  padding: 20px;
  min-width: 260px;
}

.esi-why-innovation-title {
  font-weight: 900;
  font-size: 16px;
  color: #002147;
  margin-bottom: 8px;
}

.esi-why-innovation-text {
  font-size: 14px;
  color: #333;
}

.esi-why-innovation-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  flex: 0 0 300px;
}

.esi-why-innovation-photo img {
  width: 100%;
  max-width: 600px;
  border-radius: 12px;
  border: 2px solid black;
}

.esi-why-innovation-button img {
  width: 100%;
  max-width: 400px;
  height: auto;
  margin-left: 15px;
}

@media (max-width: 1024px) {
  .esi-why-innovation {
    padding:80px 40px 0;
  }

  .esi-why-innovation-main {
    flex-direction: column;
    align-items: center;
  }

  .esi-why-innovation-boxes {
    grid-template-columns: 1fr;
  }

  .esi-why-innovation-photo img {
    max-width: 600px;
    width: 100%;
  }
}
  
.esi-nutshell-section {
  background: #ffffff;
  position: relative;
}

.esi-nutshell-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 4rem;
}

.esi-nutshell-image-wrapper {
  flex: 1;
  position: relative;
}

.esi-nutshell-image {
  width: 100%;
  max-width: 550px;
  height: auto;
  border-radius: 12px;
}

.esi-nutshell-content {
  flex: 1;
}

.esi-nutshell-title {
  font-size: 2rem;
  font-weight: 800;
  color: #002856;
  margin-bottom: 2rem;
}

.esi-nutshell-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.esi-nutshell-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.esi-nutshell-label {
  background: #79AECF;
  color: #0A214A;
  font-weight: bold;
  font-size: 0.8rem;
  text-transform: uppercase;
  padding: 0.3rem 0.8rem;
  border-radius: 2rem;
  white-space: nowrap;
  width: 160px;
  text-align: center;
}

.esi-nutshell-value {
  font-size: 1rem;
  color: #333;
}

/* Responsive: Mobile */
@media (max-width: 1116px) {
  .esi-nutshell-container {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }

  .esi-nutshell-title {
    margin-top: 2rem;
  }

  .esi-nutshell-item {
    flex-wrap: wrap;
  }

  .esi-nutshell-image {
    margin-top: -60px;
  }
}

@media (max-width: 480px) {
  .esi-nutshell-label {
    font-size: .8rem;
    width: 110px;
  }
  .esi-nutshell-value {
    font-size: 0.8rem;
  }
}
  
/* Who We Are Looking For Section */
.esi-who-section {
  padding: 30px 20px 60px;
  background: #fff;
}

/* Two-column layout until 600px */
.esi-who-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  gap: 40px;
  flex-wrap: nowrap; /* do not wrap until mobile */
}

/* Left column */
.esi-who-content {
  flex: 1 1 200px;
}

/* Right column */
.esi-who-image {
  flex: 1 1 300px;
  text-align: right;
}
.esi-who-image img {
  width: 100%;
  max-width: 550px;
  border-radius: 12px;
}

/* Title */
.esi-who-title {
  font-size: 2rem;
  font-weight: 800;
  color: #13294B;
  margin-bottom: 32px;
  text-align: left;
  line-height: 1.2;
}

/* List */
.esi-who-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.esi-who-item {
  display: flex;
  align-items: flex-start;
}
.esi-who-tick {
  flex: 0 0 24px;
  margin-top: 4px;
}
.esi-who-tick img {
  width: 24px;
}
.esi-who-description {
  flex: 1;
  margin-left: 12px;
}
.esi-who-text {
  font-weight: 700;
  color: #13294B;
  margin-bottom: 4px;
}
.esi-who-description div:last-child {
  color: #333;
  font-size: 1rem;
  line-height: 1.4;
}

/* Button under both columns */
.esi-who-button-wrap {
  margin: 0 auto 0;
  text-align: center;
  max-width: 400px;
}
.esi-who-question {
  font-size: 1.5rem;
  font-weight: 700;
  color: #13294B;
}
.esi-who-button a img {
  width: 100%;
  max-width: 400px;
  display: inline-block;
}

/* Mobile — stack at <600px */
@media (max-width: 1116px) {
  .esi-who-container {
    flex-direction: column;
    align-items: center;
  }
  .esi-who-content {
    width: 100%;
    text-align: center;
  }
  .esi-who-image {
    width: 100%;
    text-align: center;
  }
  .esi-who-item {
    justify-content: center;
  }
  .esi-who-description {
    margin-left: 8px;
    text-align: left;
    max-width: 300px;
  }

  .esi-who-title {
    text-align: center;
  }
}

@media (max-width: 445px) {
  .esi-who-button-wrap {
    margin-top: -80px;
  }
}
  /* === Curriculum Section === */

.esi-curriculum-section {
  position: relative;
  padding: 4rem 2rem;
  overflow: hidden;
  font-family: 'Anek Latin', sans-serif;
}

.esi-curriculum-bg {
  position: absolute;
  inset: 0;
  background-image: url('https://i2c.tuwien.ac.at/wp-content/uploads/2025/05/a92aeb2551d569cd4926822fb1b1ed236dd29de9.webp');
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.esi-curriculum-container {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.esi-curriculum-title {
  max-width: 300px;
  margin: 0 auto 3rem;
}

.esi-curriculum-boxes {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
}

.esi-semester {
  position: relative;
  width: 300px;
}

.esi-semester-label {
  position: absolute;
  top: -30px;
  left: -20px;
  width: 150px;
  z-index: 2;
}

.esi-semester-box {
  background: white;
  border-radius: 1rem;
  padding: 2rem 1.5rem;
  box-shadow: 4px 4px 0 #0a1b3f;
  min-height: 300px;
}

.esi-semester-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.esi-semester-box li {
  font-size: 0.95rem;
  color: #0a1b3f;
  margin-bottom: 1rem;
}

/* ——— Responsive Adjustments ——— */
@media (max-width: 768px) {
  .esi-curriculum-boxes {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
  }

  .esi-semester {
    width: 80%;
    max-width: 350px;
  }

  .esi-semester-label {
    /* center the label above the box */
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
  }

  .esi-semester-box {
    padding: 2.5rem 1rem;
    min-height: auto;
  }

  .esi-semester-box ul {
    text-align: center;
  }
}

  
  /* ——— overall wrapper ——— */
#esi-apply-section{
  max-width:1000px;               /* matches rest of site template */
  margin:0 auto;
  padding:40px 20px;
  /* font-family:"Segoe UI",Tahoma,Arial,sans-serif; */
  color:#062B5C;                  /* TU-i²c dark blue */
}

/* ——— section heading (not using <h1>) ——— */
#esi-apply-title{
  font-size:2rem;
  font-weight:800;
  text-align:center;
  letter-spacing:.03em;
  margin-bottom:48px;
  line-height: 1.3;
}

/* ——— shared wrapper styles for the two rows ——— */
.esi-flex-row{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:32px;
  margin-bottom:40px;
}
@media(max-width:768px){
  .esi-flex-row{
      flex-direction:column;
      gap:24px;
      align-items:center;
      text-align:left;
  }
}

/* ——— call-out bubble + dotted background ——— */
.bubble-wrap{
  flex-shrink:0;
  position:relative;              /* lets us absolutely-place the dots */
  margin-top: -50px;
}
.bubble-img{
  width:230px;
  height:auto;
  display:block;
}
@media(max-width:768px){
  .bubble-wrap::before{
      top:-25px;
      left:50%;
      transform:translateX(-50%);
  }
}

/* ——— accordion ——— */
.accordion{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ac-item{
  border:2px solid #000;
  border-radius:6px;
  overflow:hidden;
}
.ac-head{
  cursor:pointer;
  padding:16px 20px;
  font-weight:700;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#fff;
  align-items: flex-start;
  flex-wrap: wrap;
}

.ac-head strong{
  color: #F3C452;
  font-size: 10pt;
}
.ac-head::after{                   /* arrow */
  content:"▾";
  transition:transform .3s;
  margin-left:10px;
}
.ac-item.open .ac-head::after{
  transform:rotate(180deg);
}
.ac-body{
  display:none;
  background:#fff;
  padding:18px 20px;
  font-size:.95rem;
  line-height:1.4;
}
.ac-item.open .ac-body{display:block;}

.ac-item.always-open .ac-body{display:block !important;}
.ac-item.always-open .ac-head::after{
  transform:rotate(180deg);
}
/* tiny bullets built only with CSS so we can stick to <div> */
.ac-body div{
  position:relative;
  padding-left:18px;
  margin-bottom:8px;
}
.ac-body div::before{
  content:"";
  position:absolute;
  left:0;top:.55em;
  width:6px;height:6px;
  border-radius:50%;
  background:#000;
}

.ac-head-text {
  width: 90%;
}

/* ——— video block ——— */
.video-box{
  flex:1;
  width:100%;
}
.video-box iframe{
  width:100%;
  aspect-ratio:16/9;
  border:none;
  border-radius: 15px;
}

/* ——— APPLY-NOW full-width banner ——— */
#esi-apply-cta{
  background:url("https://i2c.tuwien.ac.at/wp-content/uploads/2025/05/Group-123.webp")
             center/cover no-repeat;
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  border-top:2px solid #000; 
  border-bottom:2px solid #000;          /* thin outline like the sample */
  overflow:hidden;                /* crop background overflow on mobiles */
}

/* ——— button image ——— */
.cta-btn-img{
  width:320px;                    /* desktop default */
  max-width:90vw;                 /* maintain margin on tiny screens */
  height:auto;
  display:block;
}

/* ——— optional hover zoom for a little pop ——— */
.cta-btn-link:hover .cta-btn-img{
  transform:scale(1.05);
  transition:transform .25s;
}

/* ——— deadline caption ——— */
.cta-deadline{
  margin-top:12px;
  font-weight:700;
  font-size:.9rem;
  color:#000;
  letter-spacing:.02em;
  text-shadow:0 0 1px #fff;
}

/* ——— slightly taller strip on very wide screens ——— */
@media(min-width:1280px){
  #esi-apply-cta{min-height:260px;}
  .cta-btn-img{width:360px;}
}

#esi-events{
  position:relative;
  padding:60px 20px 90px;
  overflow:hidden;             /* crop the blurred edges */
  /* font-family:"Segoe UI",Tahoma,Arial,sans-serif; */
  color:#062B5C;
}

/* ─── REAL BACKGROUND LAYER ─── */
.evt-bg{
  position:absolute;
  inset:0;
  background:url("https://i2c.tuwien.ac.at/wp-content/uploads/2025/05/events-background.webp")
            center/cover no-repeat;
  transform:scale(1.7);       /* avoids seeing the blurred border */
  z-index:0;
}
/* blue wash on top of the dotted jpeg */
.evt-bg::after{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at center,
              rgba(43,110,159,.35) 0%, rgba(255,255,255,.65) 70%);
  mix-blend-mode:overlay;      /* tints without hiding the dots */
}

/* ─── CONTENT sits above the bg ─── */
#esi-events > *:not(.evt-bg){position:relative;z-index:1;}

/* ─── TITLE ─── */
.evt-title{
    font:800 2rem/1 "Segoe UI",sans-serif;
    letter-spacing:.035em;
    text-align:center;
    margin-bottom:50px;
}

/* ─── LAYOUT ─── */
.evt-flex{
    max-width:1000px;margin:0 auto;
    display:flex;gap:56px;align-items:center;
}
@media(max-width:900px){.evt-flex{flex-direction:column;gap:40px;}}

/* blurb */
.evt-info{flex:0 0 280px;font-size:.96rem;line-height:1.38;}
@media(max-width:900px){.evt-info{text-align:center;max-width:600px;flex:1;}}

/* ─── SLIDER ─── */
.evt-slider{flex:1;min-width:300px;position:relative;}
.evt-track{display:grid;}
.evt-card{
    grid-area:1/1;width:100%;max-width:400px;margin:0 auto;
    padding:42px 28px 34px;text-align:center;
    background:#fff;border:2px solid #000;border-radius:6px;
    display:none;
}
.evt-card.active{display:block;}

.evt-head{font-weight:700;margin-bottom:10px;}
.evt-sub{font-size:.86rem;color:#2263a4;margin-bottom:26px;}
.evt-btn img{width:220px;max-width:75%;height:auto;}

/* arrows */
.evt-arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    font-size:34px;font-weight:800;color:#062B5C;
    cursor:pointer;user-select:none;
}
.evt-prev{left:5%;} .evt-next{right:5%;}
@media(max-width:900px){.evt-prev{left:-7%;} .evt-next{right:-7%;}}
.evt-arrow:hover{opacity:.75;}
  
/* ==========================================================================
   ESI Lecturers Slider
   ========================================================================== */

/* ==========================================================================
   ESI Lecturers Slider (Fixed)
   ========================================================================== */

/* Section bg & dot pattern */
#esi-lecturers {
  background:url("https://i2c.tuwien.ac.at/wp-content/uploads/2025/05/Group-1491.webp")
  center/cover no-repeat;
  padding: 60px 20px;
  border-top: 2px solid #012A4A;
  border-bottom: 2px solid #012A4A;
}

/* Slider wrapper */
#esi-lecturers .lecturers-slider {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  min-height: 400px; /* ⬅️ Important fix */
}

/* Track with all cards */
#esi-lecturers .lecturers-track {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* gap: 20px; */
}

/* Individual card */
#esi-lecturers .lecturer-card {
  flex: 0 1 calc(20% - 20px);
  box-sizing: border-box;
  display: none;
  margin-left: 10px;
  margin-right: 10px;
}

/* Portrait: 1:1 square */
#esi-lecturers .lecturer-image {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  border: black 2px solid;
}
#esi-lecturers .lecturer-image img {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

/* Info box */
#esi-lecturers .lecturer-info {
  background: #fff;
  border: 2px solid #000;
  border-radius: 6px;
  padding: 20px;
  margin-top: 10px;
  min-height: 180px;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* Name & position */
#esi-lecturers .lecturer-name {
  font-size: 1.1rem;
  font-weight: 700;
  color: #13294B;
  margin-bottom: 8px;
  text-align: center;
}
#esi-lecturers .lecturer-position {
  flex: 1;
  font-size: .8rem;
  color: #555;
  line-height: 1.3;
  margin-bottom: 8px;
  text-align: center;
}

/* LinkedIn or Link icon */
#esi-lecturers .lecturer-link {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: none;
  font-size: 1.2rem;
}
#esi-lecturers .lecturer-link:hover {
  opacity: 0.7;
}

/* Arrows */
#esi-lecturers .lecturers-arrow {
  position: absolute;
  top: 200px; /* ⬅️ Was 50%, now fixed */
  transform: translateY(-50%);
  font-size: 2.5rem;
  color: #062B5C;
  cursor: pointer;
  user-select: none;
  padding: 0 10px;
}
#esi-lecturers .lecturers-prev { 
  left: 3px;
  top: 50%;
  position: absolute;
  scale: 2;
  cursor: pointer;
 }
#esi-lecturers .lecturers-next { 
  position: absolute;
  top: 50%;
  scale: 2;
  right: 3px;
  cursor: pointer;
 }
#esi-lecturers .lecturers-arrow:hover { opacity: 0.75; }

/* === Lecturers Section Header === */
#esi-lecturers .lecturers-header {
  text-align: center;
  margin-bottom: 40px;
}

#esi-lecturers .lecturers-title {
  font-size: 2rem;
  font-weight: 800;
  color: #062B5C;
  margin-bottom: 12px;
  line-height: 1.3;
}

#esi-lecturers .lecturers-subtitle {
  font-size: 1rem;
  color: #062B5C;
  line-height: 1.4;
}

@media (max-width: 1116px) {
  #esi-lecturers .lecturer-card {
    flex: 0 1 calc(25% - 20px);

  }
}

@media (max-width: 830px) {
  #esi-lecturers .lecturer-card {
    flex: 0 1 calc(35% - 20px);

  }
}

@media (max-width: 576px) {
  #esi-lecturers .lecturer-card {
    flex: 0 1 calc(45% - 20px);

  }
}

@media (max-width: 476px) {
  #esi-lecturers .lecturer-card {
    flex: 0 1 calc(40%);
  }

  .lecturer-position {
    font-size: .75rem;
  }
}

.esi-testimonials-wrapper {
  background-color: #f7f7f7;
  padding: 3rem 1rem;
  text-align: center;
}
.esi-testimonials-heading {
  margin-bottom: 2rem;
}
.esi-testimonials-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #012A4A;
}
.esi-testimonials-subtitle {
  color: #333;
  font-size: 1rem;
  margin-top: 0.5rem;
}
.esi-testimonials-carousel {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 1rem;
  padding: 1rem 0;
  justify-content: center;
}
.esi-testimonial {
  background: white;
  border: 2px solid #012A4A;
  border-radius: 12px;
  padding: 1.5rem 1rem;
  max-width: 320px;
  min-width: 280px;
  scroll-snap-align: center;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.esi-testimonial-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #012A4A;
  margin-bottom: 1rem;
}
.esi-testimonial-bubble {
  background: #f1f9ff;
  border-left: 4px solid #012A4A;
  font-style: italic;
  padding: 1rem;
  border-radius: 6px;
  font-size: 0.9rem;
  color: #333;
  margin-bottom: 1rem;
}
.esi-testimonial-name {
  font-weight: bold;
  color: #012A4A;
  font-size: 1rem;
}

.esi-testimonials-carousel {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

.esi-testimonials-track {
  display: grid;
  max-width: 80%;
}

.esi-testimonial {
  grid-area: 1/1;
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 100%;
}

.esi-testimonial.active {
  display: flex;
}

.esi-testimonial-img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 20px;
}

.esi-testimonial-name {
  font-weight: bold;
  color: #062B5C;
  font-size: 1rem;
}

/* Arrows */
.esi-testimonials-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  color: #062B5C;
  cursor: pointer;
  user-select: none;
}
.esi-testimonials-prev { left: 0; }
.esi-testimonials-next { right: 0; }
.esi-testimonials-arrow:hover { opacity: 0.7; }


.wop-contact-section {
  text-align: center;
  padding: 40px 5% 0;
}

.wop-contact-title {
  font-weight: bold;
  color: #012a4a;
  margin-bottom: 10px;
}

.wop-contact-text {
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}

.wop-contact-embed {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.attachment-awsm_team.size-awsm_team.wp-post-image {
  max-width: 80%;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .attachment-awsm_team.size-awsm_team.wp-post-image {
      max-width: 60%;
  }
}

.wop-title {
  font-size: 32px;
  line-height: 1.3;
}

.mesmerize-content-padding #page>.page-content,
.mesmerize-inner-page #page>.page-content {
   padding-bottom:0rem !important;
}