/*--------------------------------------------------------------
# Resume
--------------------------------------------------------------*/
.brand-section .resume-title {
  font-size: 26px;
  font-weight: 400;
  margin-top: 4rem;
  margin-bottom: 4rem;
  color: #222222;
}

/*.brand-section .resume-item {
  padding: 0 0 20px 20px;
  margin-top: -2px;
  border-left: 1px solid #34b7a74d;
  position: relative;
}*/

.brand-section .resume-item h4 {
  line-height: 18px;
  font-size: 18px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #1d685f;
  margin-bottom: 10px;
}

.brand-section .resume-item h5 {
  font-size: 16px;
  background: #effbf9;
  padding: 5px 15px;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 10px;
  color: #34b7a7;
}

.brand-section .resume-item ul {
  padding-left: 20px;
}

.brand-section .resume-item ul li {
  padding-bottom: 10px;
}

.brand-section .resume-item:last-child {
  padding-bottom: 0;
  width: 85%;
  margin: 40px 0 0 10px;
}


.brand-logo[data-id="10"] {
  width: 3%;
  height: 3%;
  padding-top: 11px;
}

.brand-section .resume-item::before {
/*  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  left: -9px;
  top: 0;
  background: #fff;
  border: 2px solid #34b7a7;*/
}  

section.resume {
    margin: 30px 0 60px 0;
    padding-top: 0;
}

section.resume .resume-item {
    padding-right: 60px;
}

  /* LOGO SIZES */
.brand-logo {
  width: 215px;
  height: 50px;
  object-fit: contain;
  margin: 0 40px;
  filter: grayscale(100%);
  cursor: pointer;
  transition: transform .2s ease;
}

.brand-logo:hover {
  transform: scale(1.05);
}

/* SCROLLER */
.logo-scroller-wrap {
  overflow: hidden;
  position: relative;
}

.logo-scroller {
  white-space: nowrap;
  overflow: hidden;
}

.scroller-track {
  /*animation: scrollLoop 30s linear infinite;*/
  animation: scrollLoop 120s linear infinite;
}

@keyframes scrollLoop {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* FADE EDGES */
.fade-left, .fade-right {
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}

.fade-left {
  left: 0;
  background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}

.fade-right {
  right: 0;
  background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}

/* CONTENT PANEL */
.content-panel {
  display: none;
  background: transparent;
  color: #000;
  padding: 60px 0;
  /*border-top: 1px solid #eee;*/
}

.panel-close {
  float: right;
  text-decoration: none;
  color: #000;
  font-size: 15px;
}

.panel-close:hover {
  text-decoration: underline;
}

/* Slide Down Animation */
.content-panel.showing {
  display: block;
  animation: slideDown .45s ease forwards;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

.education .resume-item {
  padding-right: 8rem;
}


.education .resume-item h5 {
  margin-top: 0.6rem;
}
.education .resume-item span {
  display: block;
  margin-top: -.2rem;
  margin-bottom: .45rem;
  font-size: .80rem;
}
/*.education .resume-item span:nth-of-type(1) {
  
}*/

.education .resume-item p {
  font-size: .95rem;
}