.elementor-5675 .elementor-element.elementor-element-20d89b5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for text-editor, class: .elementor-element-6d06530 *//* PRONOUN STAGE */

.pronoun-stage{
  position:relative;
  height:650px;
  background:#f8fbff;
  border-radius:30px;
  margin-top:35px;
  overflow:hidden;
}

/* SPEAKERS */

.speaker{
  position:absolute;
  width:170px;
  background:white;
  border-radius:22px;
  padding:20px;
  text-align:center;
  box-shadow:0 5px 14px rgba(0,0,0,0.08);
}

.avatar{
  width:70px;
  height:70px;
  border-radius:50%;
  background:#eaf2ff;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;
}

.avatar i{
  font-size:38px;
  color:#2d63da;
}

.speaker h4{
  margin-top:12px;
  font-size:28px;
}

.speaker p{
  margin-top:8px;
  font-size:20px;
}

/* POSITIONS */

.male-top{
  top:40px;
  left:120px;
}

.female-right{
  top:120px;
  right:120px;
}

.male-bottom{
  bottom:60px;
  left:140px;
}

/* GROUP */

.group-circle{
  position:absolute;
  right:180px;
  bottom:80px;
  width:260px;
  height:260px;
  border:6px solid #4d8cf5;
  border-radius:50%;
  background:white;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.group-members{
  display:flex;
  gap:20px;
}

.mini-person{
  text-align:center;
}

.mini-person i{
  font-size:38px;
  color:#2d63da;
}

.mini-person span{
  display:block;
  margin-top:6px;
  font-weight:bold;
}

.group-label{
  margin-top:18px;
  font-size:18px;
  color:#444;
}

/* ARROWS */

.arrow{
  position:absolute;
  font-size:42px;
  color:#4d8cf5;
  font-weight:bold;
}

.arrow1{
  top:110px;
  left:340px;
  transform:rotate(20deg);
}

.arrow2{
  top:300px;
  left:260px;
  transform:rotate(80deg);
}

.arrow3{
  bottom:180px;
  left:360px;
  transform:rotate(-20deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d89b5 *//* Make Tutor LMS lesson content full width */

.tutor-container,
.tutor-wrap,
.tutor-course-single-content-wrapper,
.elementor-section,
.elementor-container,
.elementor-widget-wrap {
    max-width: 100% !important;
    width: 100% !important;
}

/* Remove side padding */

.tutor-container,
.elementor-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Expand lesson body */

.tutor-course-topic-single-body {
    max-width: 100% !important;
    width: 100% !important;
}

/* Make your HTML content wider */

.container {
    max-width: 1400px !important;
    width: 100% !important;
}/* End custom CSS */