.elementor-6132 .elementor-element.elementor-element-e77db37{--display:flex;--min-height:80vh;--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;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6132 .elementor-element.elementor-element-e77db37:not(.elementor-motion-effects-element-type-background), .elementor-6132 .elementor-element.elementor-element-e77db37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-faadc6a );background-image:url("https://theartistacademy.in/wp-content/uploads/2025/05/Untitled-Website.jpg");background-position:center left;background-repeat:repeat-y;}.elementor-6132 .elementor-element.elementor-element-f1c7019{padding:0% 0% 0% 0%;}body.elementor-page-6132:not(.elementor-motion-effects-element-type-background), body.elementor-page-6132 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF6FB;}@media(min-width:768px){.elementor-6132 .elementor-element.elementor-element-e77db37{--content-width:1600px;}}@media(min-width:1025px){.elementor-6132 .elementor-element.elementor-element-e77db37:not(.elementor-motion-effects-element-type-background), .elementor-6132 .elementor-element.elementor-element-e77db37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-f1c7019 */@import url('https://fonts.googleapis.com/css2?family=Absans&display=swap');

/* 🔹 Columns Layout */
.custom-instructor-grid {
  column-count: 2;
  column-gap: -100px; /* Super tight gap */
  padding: 30px 10px;
  background-color: transparent;
}

/* 🔹 Instructor Card */
.instructor-card {
  break-inside: avoid;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
  text-align: center;
  border-radius: 24px;
  background-color: transparent;
  transition: transform 0.3s ease;
}

.instructor-card:hover {
  transform: translateY(-5px);
}

/* 🔹 Instructor Image */
.instructor-card img {
  width: 70%;           /* 👈 100% of column width */
  max-width: none;       /* 👈 Remove width restriction */
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 20px;
  background-color: transparent;
  display: block;
  margin: 0 auto;
}

/* 🔹 Instructor Name */
.instructor-card h3 {
  font-size: 20px;
  font-weight: 500;
  color: #1f2a37;
  font-family: 'Absans', sans-serif;
  margin-top: 10px;
}

/* 🔹 Responsive: 1 column on mobile */
@media (max-width: 768px) {
  .custom-instructor-grid {
    column-count: 1;
  }

  .instructor-card img {
    width: 100%;
  }
}/* End custom CSS */