.titulars-container {
  padding: 72px 24px 92px;
}

/********** card titular start **********/

.titular-card {
  max-width: 1232px;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(176, 176, 176, 0.6);
}
.titular-card-header {
  background-image: linear-gradient(to left, #0a1835, #1b2c5a);
  min-height: 112px;
  display: flex;
  justify-content: flex-end;
  border-radius: 4px 4px 0 0;
}

.titular-card-header div:first-child {
  min-width: 256px;
}
.titular-card-header div:last-child {
  width: 100%;
  max-width: 976px;
  padding: 24px;
}
.titular-card-header .titular-name {
  padding-left: 21%;
  font-size: 52px;
  font-weight: 500;
  color: white;
  line-height: normal;
  font-family: "Playfair Display", serif;
  display: block;
  margin-bottom: 8px;
}
.titular-card-header .titular-specialty {
  font-size: 16px;
  font-weight: 500;
  color: white;
  font-family: "Raleway", sans-serif;
  display: block;
  line-height: normal;
}

.titular-card-content {
  display: flex;
  margin-bottom: 40px;
}
.titular-card-content .titular-info {
  width: 256px;
  background-color: #f7f7f7;
  padding: 0 24px 0 40px;
}
.titular-info .titular-photo {
  width: 176px;
  height: 60px;
  margin: 0 0 32px;
  position: relative;
}
.titular-info .titular-photo img{
  position: absolute;
  top: -118px;
  border-radius: 0 0 4px 4px;
}
.titular-info-item {
  margin-bottom: 32px;
}
.titular-info-item:last-child {
  margin-bottom: 0;
}
.titular-info-item span:first-child {
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  font-family: "Playfair Display", serif;
  color: #484848;
  display: block;
}
.titular-info-item span:last-child {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  font-family: "Raleway", sans-serif;
  color: #484848;
}
.titular-info-link {
  width: 170px;
  height: 40px;
  background: #12235d;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
  border-radius: 4px;
}
.titular-info-link a {
  color: white !important;
  font-size: 14px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
}

.titular-career {
  padding: 0 40px 40px;
  width: 100%;
}
.titular-career-item {
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(176, 176, 176, 0.5);
  border-radius: 4px;
  width: 100%;
  max-width: 896px;
  border: unset;
  border-bottom: 1px solid #e7e7e7;
}
.titular-career-headerText {
  margin: 22px 0 26px;
}
.titular-career-headerText span {
  font-size: 32px;
  font-weight: bold;
  font-family: "Playfair Display", serif;
  color: #12235d;
  border-bottom: 1px solid #3893ff;
}
.titular-career-accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.titular-career-accordion.closed, .titular-career-accordion.open.collapsed {
  max-width: 896px;
  height: 48px;
  padding-left: 24px;
  background-color: #f7f7f7;
  border-radius: 4px;
  width: 100%;
}
.titular-career-accordion span {
  font-family: "Playfair Display", serif;
  font-weight: bold;
  line-height: normal;
  color: #484848;
}

.titular-career-accordion.open {
  max-width: 896px;
  height: 48px;
  padding-left: 24px;
  background-color: #e2efff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.titular-career-accordion.open img {
  content: url("../img/icons/arrow-up.svg");
}
.titular-career-accordion.open.collapsed img {
  content: url("../img/icons/arrow-down.svg");
}

.titular-career-collapse {
  padding: 0 40px;
}
.titular-career-collapse {
  padding: 0 40px;
}
.titular-career-collapse .collapse-header {
  padding-bottom: 5px;
  border-bottom: 1px solid #3893ff;
  width: fit-content;
}
.titular-career-collapse .collapse-title {
  font-family: "Playfair Display", serif;
  font-size: 32px;
  font-weight: 500;
  line-height: normal;
  color: #12235d;
  display: block;
  margin-bottom: 8px;
}
.titular-career-collapse .collapse-subtitle {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #484848;
  display: block;
}

/********** card titular end **********/

.collapse-title {
  margin-top: 24px;
}
.collapse-content {
  margin-bottom: 48px;
}
.collapse-content-divider {
  width: 100%;
  max-width: 500px;
  position: relative;
  display: flex;
  justify-content: center;
  margin: 28px 0;
}
.collapse-content-divider::before {
  content: "";
  position: absolute;
  width: 152px;
  height: 1px;
  opacity: 0.5;
  background-color: #3893ff;
  /* left: 0; */
}

/********** specialties start **********/

.titular-career-collapse .collapse-content.specialties {
  display: flex;
  margin-top: 28px;
  flex-wrap: wrap;
}
.titular-career-collapse .collapse-content.specialties ul {
  margin-right: 16px;
  margin-bottom: 0;
}
.titular-career-collapse .collapse-content.specialties ul:last-child {
  margin-right: 0;
}
.titular-career-collapse .collapse-content.specialties li {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #484848;
}
.titular-career-collapse .collapse-content.specialties li::marker {color: #12235d;}

/********** specialties end **********/

.collapse-content-item_link {
  color: #15265f;
  word-break: break-all;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

.collapse-content-item_link:hover {
  color: #15265f;
  text-decoration: none;
}

/********** education start **********/
.collapse-content.education {
  margin-top: 28px;
  padding: 0 16px;
}
.collapse-content.education .collapse-content-item:last-child {
  margin-bottom: 24px;
}
.collapse-content.education .collapse-content-item_title {
  color: #15265f;
  font-weight: bold;
  margin-bottom: 2px;
}
.collapse-content.education .collapse-content-item_subtitle {
  color: #15265f;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.collapse-content.education .collapse-content-item_link {
  color: #15265f;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.collapse-content.education .collapse-content-item_date {
  color: #484848;
  font-size: 14px;
  font-weight: 600;
}
/********** education end **********/

/********** courses end **********/
.collapse-content.courses {
  margin-top: 28px;
  padding: 0 16px;
}
.collapse-content.courses .collapse-content-item:last-child {
  margin-bottom: 24px;
}
.collapse-content.courses .collapse-content-item_title {
  color: #15265f;
  font-weight: bold;
  margin-bottom: 2px;
}
.collapse-content.courses .collapse-content-item_subtitle {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
.collapse-content.courses .collapse-content-item_date {
  color: #484848;
  font-size: 14px;
  font-weight: normal;
}
/********** courses end **********/

/********** certificates and awards start **********/

.collapse-content.certificates,  .collapse-content.awards {
  margin-top: 28px;
  padding: 0 16px;
}
.collapse-content.certificates .collapse-content-item,
.collapse-content.awards .collapse-content-item {
  margin-bottom: 64px;
}
.collapse-content.certificates .collapse-content-item:last-child,
.collapse-content.awards .collapse-content-item:last-child {
  margin-bottom: 24px;
}
.collapse-content.certificates .collapse-content-item_title,
.collapse-content.awards .collapse-content-item_title {
  color: #15265f;
  font-weight: bold;
  margin-bottom: 8px;
}
.collapse-content.certificates .collapse-content-item_subtitle,
.collapse-content.awards .collapse-content-item_subtitle {
  color: #15265f;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.collapse-content.certificates .collapse-content-item_date,
.collapse-content.awards .collapse-content-item_date {
  color: #484848;
  font-size: 14px;
  font-weight: normal;
}

.profile-certificates-item,
.profile-awards-item {
  display: flex;
  flex-wrap: wrap;
}
.profile-certificates-item img,
.profile-awards-item img {
  width: 96px;
  height: 80px;
  margin-right: 24px;
}

.profile-certificates-item:last-child,
.profile-awards-item:last-child {
  padding-bottom: 0;
}

/********** certificates end **********/

/********** publications start **********/

.collapse-content.publications {
  margin-top: 28px;
  padding: 0 16px;
}
.collapse-content.publications .collapse-content-item:last-child {
  margin-bottom: 24px;
}
.collapse-content.publications .collapse-content-item_title {
  color: #15265f;
  font-weight: bold;
  margin-bottom: 2px;
}
.collapse-content.publications .collapse-content-item_subtitle {
  color: #15265f;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.collapse-content.publications .collapse-content-item_date {
  color: #484848;
  font-size: 14px;
  font-weight: 600;
}

/********** publications end **********/