html,
body {
  padding: 0;
  margin: 0;
  background-color: #1e1e1e;
  /*scroll-behavior: smooth; */
}

body.en.home {overflow-x: hidden;}

.button-container a,
.partners-section a:-webkit-any-link {
  text-decoration: none;
}

.shape {
  display: none;
}

.shape.clicked {
  width: 197px;
  height: 272px;
  background-color: #4D4D4D;
  border-radius: 30px;
}

.shape.clicked #list-pic .open-btn {
  display: none;
}

.shape.clicked #list-pic .close-btn {
  display: block;
}

.close-btn,
#circle-text {
  display: none
}

.shape.clicked #circle-text {
  display: block
}

.open-btn {
  top: -12px;
  left: 12px;
  position: relative
}

.shape p {
  margin: 0;
  color: #FFF;
  font-size: 18px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  border-bottom: 1px solid #F05663;

}

.shape a {
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;

}

.shape .aside-div {
  margin-bottom: 16px;
  z-index: 5;
}

.cls-btn {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 5;
  float: right;
  position: relative;
}

.mobile-btn {
  text-decoration: none;

}

.pic-upper-text svg {
  position: absolute;
  margin-left: 45%;
}

.navbar-links li a:hover,
.menu button:hover {
  color: white;
  transition: all 0.5s;
}

.menu button::after {
  content: "";
  background: url(..svg/menuChevron.svg);
  transition: transform 0.5s;
  transform: rotate(0deg);
  width: 12px;
  height: 7px;
  display: inline-block;
  position: relative;
  left: 10px;
}

.submenu li {
  padding: 10px 0;
}

/*submenu dropdown end */
/*active link part*/
.navbar-links .active {
  position: relative;
}

.navbar-links .active::before {
  content: "";
  background: #f05663;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
}

/*active link part end*/
.hidden {
  visibility: hidden;
  width: 0;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}

.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0.3s;
}

/* for JQery end */
.support-lang {
  width: 98px;
  position: relative;
}

.language {
  padding-top: 0;
  border-radius: 50px;
  height: 15px;
  display: inline-block;
  margin-top: 34px;

  padding-bottom: 20px;
  cursor: pointer;
}

.language img {
  top: 5px;
  position: relative;
  padding-left: 8px;
}

.supportInner {
  border-radius: 100px;
  border: 1px #f05663 solid;
  display: flex;
  height: 48px;
  padding: 0px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition-duration: 1s;
}

.supportInner:hover {
  background-color: rgba(178, 51, 61, 1);
  transition-duration: 1s;
}

.supportText {
  color: #eeeeee;
  font-size: 18px;
  font-family: "lato";
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.54px;

}

.navbar-links li a:hover,
.menu button:hover {
  color: white;
  transition: all 0.5s;
}

main {
  width: 100%;

  margin: 0 auto;
}

nav .brand-title {
  background: url(../svg/headerLogo.svg);
  background-repeat: repeat;
  width: 80px;
  height: 60px;
  color: transparent;
  background-repeat: no-repeat;
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 8px;
}

body,
#navWrap {

  margin: 0 auto;
}

#navWrap {
  font-family: "lato";
  max-width: 1440px;
  margin: 0 auto;
  flex-wrap: wrap;
  display: inline-flex;
  width: 100%;
}

.conWrap {
  display: grid;
}

.navbar {
  box-sizing: border-box;
  display: flex;
  position: fixed;
  top: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #1e1e1e;
  z-index: 3;
  padding: 0 60px;


}

.brand-title {
  background: url(../svg/headerLogo.svg);
  background-repeat: repeat;
  width: 80px;
  height: 60px;
  color: transparent;
  background-repeat: no-repeat;
}

.navbar-links {
  width: 100%;
  max-width: 614px;
}

.navbar-links li a {
  display: block;
  text-decoration: none;

  font-size: 1rem;
  padding: 0;
}

.support-div {
  display: flex;

  justify-content: center;
  text-align: center;
  color: white;
}

.support-link {
  text-decoration: none;
  margin: 1rem;
  border-radius: 30px;
  margin: 1rem;
  padding: 10px;
  color: white;
  text-align: center;
}

.toggle {
  cursor: pointer;
  display: inline-block;
}

.toggle-switch {
  display: inline-block;
  border-radius: 16px;
  width: 58px;
  height: 32px;
  position: relative;
  vertical-align: middle;
  transition: background 0.75s;
  padding: 0px 10px;
}

.toggle-switch:before {
  content: "";
  background-image: url(..svg/globSprite.svg);
  background-position: -27px 0px;
  background-color: rgb(30, 30, 30);
  background-repeat: no-repeat;
  background-size: cover;
}

.toggle-switch:hover::before {
  content: "";
  background-image: url(..svg/globSprite.svg);
  background-position: 0px 0;
}

.toggle-switch:after {
  content: "EN HU";
  top: 5px;
  position: relative;
  word-spacing: 6px;
  z-index: 0;
  position: relative;
}

.toggle-switch:before {
  display: block;
  border-radius: 50%;
  width: 25px;
  height: 26px;
  position: absolute;
  top: 4px;
  left: 10px;
  transition: left 0.25s;
  z-index: 1;
}

.toggle-switch:hover,
.toggle-switch:hover .toggle-switch:before {
  background-color: rgba(255, 255, 255, 0.2);
}

.toggle:hover .toggle-switch:before {
  background-color: rgb(30, 30, 30);
}

.toggle-checkbox:checked+.toggle-switch:before {
  left: 42px;
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

.toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.banner {

  height: auto;
  width: 100%;
}

video {
  width: 100%;
}

.banner-text {
  position: absolute;
  top: 78.5px;
  top: 0;
  margin-left: 60px;
  font-family: "lato";
  font-size: 128px;
  font-weight: 300;
  line-height: 128px;
  letter-spacing: -0.02em;
  text-align: left;
  z-index: 1;

}

.scientific-mission {
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 0px 60px 40px 0px;
}

.home .scientific-mission {
  padding-left: 16px;
}

h1 {
  color: white;
  font-size: 80px;
  font-weight: 100;
}

.sci-upper-div {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.5px solid #6D6D6D;
  align-items: center;
  padding-bottom: 16px;
}

.sci-upper-div div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.home .button-container {
  margin-right: 24px;
}

.btn-container button {
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 50px;
  gap: 10px;
  background-color: #f15664;
  border: none;
}

.sci-upper-div h2 {
  margin: 0px;
}

.sci-upper-div button {
  margin: 0px;
}

.none-btn {
  display: none;
}


h2 {
  color: white;
  font-weight: 100;
}

.sci-upper-div h2 {
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
  line-height: 48px;
  color: #ffffff;
}

.sci-upper-div p {
  color: #ffffff;
  font-family: "lato";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
}

.sci-text {
  color: #ffffff;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  margin-top: 40px;
  margin-bottom: 0px;
  max-width: 56%;
}

.whatwedo-image {
  display: none;
}

#whatwedo-images {
  display: block;
}

.what-we-do {
  padding: 88px 60px 40px 60px;
}

.what-we-do .upper-div {
  border-bottom: 0.5px solid #6D6D6D;
  margin-bottom: 32px;
  padding-bottom: 16px;
}

.what-we-do .upper-div h2 {
  margin: 0;
}

.what-we-do h2 {
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
  line-height: 48px;
}



.what-we-do-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.pics-div {
  display: flex;
  flex-direction: row;
  gap: 8px;
  height: 576px;
  overflow: hidden;
}



.pics-div h3 {
  font-family: Lato;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}

.pics-div p {
  font-family: Lato;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
}

.pic1,
.pic2,
.pic3 {
  cursor: pointer;
}

.pic1 {
  background-image: url(../jpg/laser-sci1.jpg);
}

.pic2 {
  background-image: url(../jpg/life-sci1.jpg);
}

.pic3 {
  background-image: url(../jpg/data-sci1.jpg);
}

.pic1,
.pic2,
.pic3 {
  filter: grayscale(1);
  background-size: cover;
  width: 30%;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: white;
  transition: all 1s;
}

.pic-upper-text {
  display: flex;
  gap: 32px;
  align-items: center;
  transition-duration: 1s;
  position: relative;
}

.pic1:hover,
.pic2:hover,
.pic3:hover {
  width: 50%;
  filter: grayscale(0);
  transition-duration: all 1s;

  .pic-upper-text {
    gap: 150px;
  }

}



section {
  display: block;
}



.video-section {
  max-width: 100%;
  padding: 0;


  height: 100%;



  position: relative;
}




/* news section */

.newsTitle .newsDate {
  display: none;
}

.news-section-mobile {
  display: none;
}

.text-div {
  width: 100%;
}

.home .news-section {
  max-width: 1440px;
  margin: 0 auto;
}

.news-section {
  box-sizing: border-box;
  min-height: 452px;
  padding-left: 59px;
  padding-right: 59px;
  padding-top: 80px;
  padding-bottom: 80px;

}

.news-section-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
  width: 100%;

}

.news-section-container h3 {
  font-family: "lato";
  font-size: 24px;
  font-weight: 300;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
}

.news-left {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 210px;
}

.news-left h3:hover {
  cursor: pointer;
}

#r-arrow2 {
  display: none;
}

#r-arrow1 {
  display: flex;
}


.news-mid {
  display: flex;
  gap: 24px;

  padding-left: 56px;

}

.news-mid-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 292px;
  max-width: 750px;
  float: left;
}


.news-text-div {
  width: 615px;
}


.read-more-btn-div {
  display: flex;
  justify-content: flex-start;
  margin-top: 24px;
  margin-left: 57px;
}

.read-more-btn-div a {
  border-radius: 44px;
  border: 1px solid #F05663 !important;
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  font-weight: 500;
  line-height: 24px;
  display: flex;
  height: 48px;
  padding: 0px 40px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.read-more-btn-div a:hover {
  background-color: rgba(178, 51, 61, 1);
  transition-duration: 1s;
}

.news-mid a {
  border: 1px solid #f05663;
  padding: 12px;
  margin-left: 0;
  margin-top: 24px;
  margin-bottom: 0px;
}

.light-pic-div {
  max-width: 225px;
  max-height: 225px;
  height: auto;
  visibility: visible;
  width: 100%;
}

.news-mid h2 {
  margin: 0;
  color: #fff;
  font-size: 28px;
  font-family: "lato";
  font-weight: 700;
}

.news-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
  float: right;
}

.news-right p {
  color: #fff;
  font-size: 18px;
  font-family: "lato";
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.54px;
  padding-left: 12px;
}

.pink-date {
  color: #f05663;
  font-size: 12px;
  font-family: "lato";
  font-weight: 700;
  line-height: 12px;
  text-transform: uppercase;
  padding-top: 0px;
  margin-top: 0;
}

.news-text {
  color: #dadada;
  font-size: 16px;
  font-family: "lato";
  line-height: 24px;
}

.latest-content {
  width: 1040px;
}



/*h4h*/

.h4h {
  display: flex;
  flex-direction: row;
  background-color: #262626;
  gap: 32px;
  width: 100%;
  align-content: space-evenly;
}

.h4h-left-div {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.h4h-right-div {
  width: 50%;
  display: flex;
  margin-bottom: 0px;
  margin-left: 24px;
  padding-right: 172px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  bottom: 10px;
  position: relative;
}

.h4h-right-div .btn-container {
  display: flex;
  align-items: center;
}

.h4h-right-div .btn-container p {
  padding-left: 16px;
}

.grandma1-pic {
  width: 100%;
}

.h4h h2 {
  color: #fff;
  font-size: 48px;
  font-family: "lato";
  font-weight: 300;
  margin-top: 40px;
  margin-bottom: 0px;
}

.h4h-text {
  color: #fff;
  font-size: 18px;
  font-family: "lato";
  line-height: 26px;
  margin-top: 0;
}

.h4h p {
  color: #fff;
  font-size: 18px;
  font-family: "lato";
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.54px;
}

#h4h-more-about {
  margin-top: -50px;
  padding-bottom: 50px;
}

.button-container {
  margin-top: 24px;
}

.footer-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 348px;
}

.upper-footer {
  height: 80%;
  display: flex;
  flex-direction: row;
}

.upper-footer h3 {
  color: #f15664;
}

.contact-footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #ffffff;
  max-width: 472px;
  display: inline-block;
}

.cmf-footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 194px;
}

.info-footer {
  display: flex;
  flex-direction: column;
  max-width: 194px;
  width: 100%;
}

.downer-footer {
  height: 0%;
}


footer p {
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  line-height: 24px;
}

footer h3 {
  color: #F05663;
  font-size: 20px;
  font-weight: 700;
  font-family: "lato";
}

.social {
  display: grid;
}

#footerCopyWrap {
  max-width: 1320px;
  height: 68px;
  padding-top: 24px;
  padding-bottom: 24px;
  /*! border-top: 0.50px #6D6D6D solid; */
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  display: inline-flex;
  width: 100%;
  text-align: left;
}

.copyRight {
  color: white;
  font-size: 16px;
  font-family: "lato";
  font-weight: 400;
  word-wrap: break-word;
}

#funded {
  color: white;
  font-size: 16px;
  font-family: "lato";
  font-weight: 400;
  /*! word-wrap: break-word; */
}

#by {
  color: white;
  font-size: 16px;
  font-family: "lato";
  font-weight: 700;
  text-decoration: underline;
  word-wrap: break-word
}

.NKFIH_logo {
  margin-bottom: 92px;
}

.icons {
  text-decoration: none;
}

.icons:hover {
  text-decoration: underline;
  color: #ffffff
}

.icon_text {
  padding-left: 8px;
}

.inner-footer {
  display: inline-block;
  width: 30%;
}

.inner-footer.contantWrap {
  max-width: 579px;
  width: 100%;
}

.separ {
  border-left: 0.5px solid #6D6D6D;
}

/*About us */

.about-us-banner {
  width: 100%;
  height: auto;
}

.about-us-text {
  position: relative;
  display: inline-block;
  max-width: 68%;
  margin: 0 auto;
  margin-right: 10%;
}

.about-us-banner h1 {
  margin-top: 159px;
  margin-bottom: 32px;
  color: #FFF;
  font-size: 56px;
  font-family: "lato";
  font-weight: 300;
  line-height: 64px;
  text-align: left;
  max-width: 468px;
}


.about-us-banner p {
  color: #FFF;
  font-size: 18px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-top: 0px;
  margin-bottom: 26px;
  max-width: 468px;
}

.about-us-left {
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 0px;
  padding-bottom: 56px;
  padding-right: 24px;
}

.about-us-right {
  width: 50%;
  background: url(../jpg/frame946.jpg);
  background-size: cover;

}

.about-us-container {
  display: flex;
  height: 100%;
  /* gap: 96px; */
}

.philosophy-section {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 80px 60px;
  max-width: 1920px;
  margin: 0 auto;
  margin-left: auto !important;
}

.philosophy-upper {
  box-sizing: border-box;

  border-bottom: 0.5px solid #6D6D6D;
  padding-bottom: 16px;


}

.philosophy-downer {
  height: 80%;
  display: flex;
  flex-direction: column;
}

.philosophy-downer h3 {
  color: #FFF;
  font-size: 18px;
  font-family: "lato";
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}

.philosophy-downer p {
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 0;
}

.philosophy-container h2 {
  color: #FFF;
  font-size: 40px;
  font-family: "lato";
  font-weight: 300;
  line-height: 48px;
  margin: 0;
}

.phy-grid-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
  margin-top: 48px;

}

.phy-grid-container div {
  border-left: 1px solid #f15664;
  width: 50%;
  padding-left: 16px;
  padding-right: 32px;
}


/* team-responsive */

.team-resp-container h3 {
  margin: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 0.5px solid #6D6D6D;
  border-bottom: 0.5px solid #6D6D6D;
  color: #FFF;
  font-size: 20px;
  font-family: "lato";
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}


.respo-worker-card {
  display: flex;
  flex-direction: row;
  height: 112px;
  width: 100%;
  gap: 16px;
  margin-bottom: 32px;
}

.resp-worker-pic-div img {
  width: 104px;
  height: 100%;
  /*!background:  url(../jpg/worker-pic.jpg);*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

}

.respo-worker-card h2 {
  margin-top: 0;
  margin-bottom: 4px;
  color: #FFF;
  font-size: 18px;
  font-family: "lato";
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.respo-worker-card p {
  margin-top: 0;
  margin-bottom: 36px;
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.respo-worker-card a {
  color: var(--cmfred, #F05663);
  font-size: 14px;
  font-family: "lato";
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.42px;
  text-decoration-line: underline;
}








.conWrap-team {
  display: flex;
  flex-direction: column;
}

.team-responsive {
  box-sizing: border-box;
  padding: 24px 16px 40px 16px;
  display: none;
}

.team-responsive h1 {
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 16px 0 16px 0;
  border-bottom: 0.5px solid #6D6D6D;
  color: #FFF;
  font-size: 32px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 48px;
}

.team-responsive p {
  margin-top: 0;
  padding-bottom: 0;
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}

.team {
  width: 100%;
  box-sizing: border-box;
  padding: 80px 60px;
  margin: 0 auto;
  max-width: 1920px;
  margin-left: auto !important;
}

.team-text {
  margin-top: 32px;
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  line-height: 24px;
  margin-bottom: 64px;
  max-width: 680px;
  width: 100%;
}

.team-inner-div {
  display: flex;

  gap: 149px;
}

.team-inner-div-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 161px;
  white-space: nowrap;
}

.team-inner-div-right {
  display: block;
  position: relative;
  max-width: 1500px;
  width: 100%;
}

#laser-science-container,
#life-science-container,
#data-science-container,
#clinical-container {
  display: none;
}

.team-container {
  flex-wrap: wrap;
  justify-content: left;
  max-width: 1500px;
  width: 100%;
}

.management-container {
  display: flex;
}

.team-inner-div-right h3 {
  margin-top: 16px;
  margin-bottom: 4px;
  color: #FFF;
  font-size: 18px;
  font-family: "lato";
  font-style: normal;
  font-weight: 700;
  line-height: 26px;

}

.team-inner-div-left h3 {
  color: #FFF;
  font-size: 24px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-top: 16px;
  margin-bottom: 16px;
  cursor: pointer;
}

.worker-card {
  display: flex;
  flex-direction: column;
  width: 218px;
  height: auto;
  padding: 14px;
}


.team-inner-div-right p {
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  margin: 0;
}

.worker-card img {
  display: flex;
  width: 218px;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: grayscale(1);
}

.worker-card img:hover {
  filter: grayscale(0);
}

.worker-card {
  position: relative;
}

.worker-card-img:after {
  content: "";
  background: url(../svg/id-card-solid.svg) no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  display: inline-block;
  top: 16px;
  left: 16px;
  opacity: 0;
  transition: all 1s;
}

.worker-card-img:hover:after {
  content: "";
  background: url(../svg/id-card-solid.svg) no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  display: inline-block;
  top: 16px;
  left: 16px;
  opacity: 1;
  transition: all 1s;
}

.partners-section {
  box-sizing: border-box;
  padding: 64px 60px 88px 60px;
  margin: 0 auto;
  margin-left: auto !important;
  max-width: 1920px;
}

.partners-upper-text {
  margin-top: 32px;
  margin-bottom: 56px;
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  max-width: 643px;
  width: 100%;
}

.pink {
  color: #f15664;

  font-size: 16px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.partners-inner {
  display: flex;
  flex-direction: row;
  gap: 144px;
  overflow-x: scroll;
  padding-bottom: 126px;
  position: relative;
  right: 0;
}

.partners-inner-and-after {
  position: relative;
}

.partners-inner-and-after:after {
  content: "";
  opacity: 1;
  transition: all 0.5s;
  width: 252px;
  height: 341px;
  background: linear-gradient(270deg, #1E1E1E 0%, rgba(30, 30, 30, 0.00) 100%);
  display: inline-block;
  position: absolute;
  margin-left: 0;
  top: 0;
  right: 0;
}

.partners-inner-and-after:hover:after {
  content: "";
  opacity: 0;
  transition: all 0.5s;
  width: 252px;
  height: 341px;
  background: linear-gradient(270deg, #1E1E1E 0%, rgba(30, 30, 30, 0.00) 100%);
  display: inline-block;
  position: absolute;
  margin-left: 0;
  top: 0;
  right: 0;
}

/*snap scrolling start*/
.partners-inner {
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}

.partners-inner .partner-box {
  scroll-snap-align: start;
  max-width: 450px;
  width: 100%;
}

/*snap scrolling end */
.arrow-buttons {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 28px;
  background: #1e1e1e;
  width: 130px;
  float: right;
  padding-left: 28px;
  padding-right: 24px;
  right: -60px;
}

.arrow-buttons button {
  padding: 12px 15px;
  font-size: 16px;
  border-radius: 50px;
  border: 1px solid #6F6F6F;
  gap: 13px;
}

.arrow-buttons button:hover {
  border: 1px solid #ffffff;
}

#arrow-buttons svg {
  top: 2px;
  position: relative;
}

#arrow-left svg {
  left: -2px
}

#arrow-right svg {
  left: 2px
}

#arrow-left:hover svg,
#arrow-right:hover svg {
  filter: invert(0.5) sepia(1) saturate(13) hue-rotate(-41deg);
  transition: all 1s;
}

#arrow-left svg,
#arrow-right svg {
  filter: initial;
  transition: all 1s;
  display: block;
  height: 100%;
  width: 100%;
}

#arrow-right {
  left: -24px;
}

.partner-box {
  box-sizing: border-box;
  min-width: 394px;
  padding-left: 24px;
  border-left: 0.5px solid #6D6D6D;
}

.partner-box h3 {
  margin-top: 0;
  margin-bottom: 16px;
  color: #FFF;
  font-size: 24px;
  font-family: "lato";
  font-style: normal;
  font-weight: 700;
  line-height: 32px;

}

.partner-box p {
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}

.partners-btn {
  display: none;
}




/* Research.html */
aside {
  display: block;
  padding: 64px 24px 24px 24px;
  margin-right: 0px;
  width: 215px;
  right: 0;
  position: absolute;
  top: 84px;
  float: right;
  min-height: 5300px;
}

aside h2 {
  width: 88px;
  padding: 8px 0;
  margin-top: 0;
  margin-bottom: 32px;
  color: #FFF;
  font-size: 24px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  border-bottom: 1px solid #f05663;
}

.research-logo-and-btn-div a,
.research-logo-and-btn-div2 a {
  display: flex;

  gap: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  text-decoration: none;
  color: white;
  border: 1px solid #F05663;
  border-radius: 50px;

  margin-left: 16px;
  margin-right: 16px;
}

.aside-div {
  display: flex;
  align-items: center;

  gap: 4px;
  margin-bottom: 16px
}

aside a {

  padding: 0;

  text-decoration: none;
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.research-main {
  max-width: 757px;
  padding: 0;
}

.img-animation-container {
  display: flex;
  gap: 32px;

}

.text-section {
  width: 60%;



}

.image-section {
  position: sticky;
  height: 620px;
  top: 110px;
  width: 40%;
  margin-bottom: -110px;
}

.image-section img {
  transition-duration: 2s;
  height: 100%;
  width: 100%;
  position: absolute;
}

.research-section {

  padding-bottom: 40px;
}

.research-section h1 {
  margin-bottom: 48px;
  color: #FFF;
  font-size: 56px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 64px;
}

.research-section h2 {
  margin-bottom: 56px;
  padding-bottom: 16px;
  border-bottom: 0.5px solid #6D6D6D;
  color: #FFF;
  font-size: 40px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 48px;
}

.research-section p {
  margin-bottom: 72px;
  color: #FFF;
  font-size: 18px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.research-section h3 {
  margin-bottom: 23px;
  color: #FFF;
  font-size: 32px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 40px;
}

.research-section h4 {
  margin-top: 56px;
  margin-bottom: 5px;
  color: #FFF;
  font-size: 32px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 40px;
}

.desktop-pic {
  display: flex;
  width: 100%;
}

.mobile-pic {
  display: none;
  width: 100%;
}


.research-what-we-do-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.research-what-we-do-section h1 {
  margin-top: 0;
  margin-bottom: 56px;
  padding-bottom: 16px;
  border-bottom: 0.5px solid #6D6D6D;
  color: #FFF;
  font-size: 40px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 48px;
}

.research-what-we-do-section h2 {
  margin-top: 0;
  margin-bottom: 24px;
  color: #FFF;
  font-size: 32px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 40px;
}

.research-what-we-do-section h3 {
  margin-top: 0;
  margin-bottom: 24px;
  color: #FFF;
  font-size: 24px;
  font-family: "lato";
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.research-what-we-do-section p {
  margin-top: 0;
  margin-bottom: 56px;
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.research-what-we-do-mobile {
  display: none;
  padding: 0 16px;
  box-sizing: border-box;
}

.research-what-we-do-mobile h1 {
  padding: 16px 0;
  border-bottom: 0.5px solid #6D6D6D;
  margin-bottom: 48px;
  margin-top: 40px;
  color: #FFF;
  font-size: 32px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 48px;
}

.research-what-we-do-mobile h2 {
  margin-top: 24px;
  margin-bottom: 24px;
  color: #FFF;
  font-size: 24px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
}

.research-what-we-do-mobile h3 {
  margin: 24px 0;
  color: #FFF;
  font-size: 20px;
  font-family: "lato";
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.research-what-we-do-mobile p {
  margin-top: 24px;
  margin-bottom: 48px;
  color: #FFF;
  font-size: 18px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.research-logo-and-btn-div,
.research-logo-and-btn-div2 {
  display: none;
}

.l4l-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 340px;
  margin: 0 auto;
}


.healthforhun {
  padding-top: 40px;
  padding-bottom: 40px;
}

.healthforhun h2 {
  padding-bottom: 16px;
  margin-top: 0;
  margin-bottom: 56px;
  border-bottom: 0.5px solid #6D6D6D;
  color: #FFF;
  font-size: 40px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 48px;

}

.healthforhun p {
  margin-top: 0;
  margin-bottom: 56px;
  color: #FFF;
  font-size: 18px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}


.healthforhun .logo-and-btn {
  margin-top: 56px;
  display: flex;
  gap: 146px;
}

.logo-and-btn {
  margin-top: 56px;
  display: flex;
  gap: 146px;
}
div.logo-and-btn > div:nth-child(1) > img{
  max-width: 328px;
  width: 100%;
}

.logo-and-btn p {
  color: #FFF;
  font-size: 18px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin: 0;
}

.l4l-section a,
.logo-and-btn a {
  padding: 0px 40px;
  transition-duration: 1s;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  text-decoration: none;
  color: white;
  border: 1px solid #F05663;
  border-radius: 50px;
  margin-left: 16px;
  margin-right: 16px;
}


.l4l-section a:hover,
.logo-and-btn a:hover {
  background-color: #b2333d;
  transition-duration: 1s;
}


.l4l-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.l4l-section h2 {
  margin: 0;
  padding-bottom: 16px;
  border-bottom: 0.5px solid #6D6D6D;
  color: #FFF;
  font-size: 40px;
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  line-height: 48px;
}

.l4l-section p {
  margin-top: 56px;
  margin-bottom: 56px;
  color: #FFF;
  font-size: 18px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}




#list-pic {
  padding: 0px;
  position: relative;
  top: 0px;
  right: 0;
  float: right;
}

/* second css */

html,
body {
  padding: 0;
  margin: 0;
  background-color: #1e1e1e;
}

input,
textarea,
button,
select,
a,
div {
  -webkit-tap-highlight-color: transparent;
}

.brand-title {
  font-size: 1.5rem;
  font-weight: bolder;
  color: white;
}

.navbar-links {
  width: 100%;
  max-width: 614px;
}

.navbar-links ul {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}

.navbar-links li {
  list-style: none;
}

.navbar-links li a {
  display: block;
  text-decoration: none;
  color: white;
  font-size: 1rem;
  padding: 0;
}

.menu-links.researchDropDown {
  margin-top: -2px;
}

.support-div {
  display: flex;
  justify-content: center;
  text-align: center;
  color: white;
}

.language {
  padding: 10px;
}

.support-link {
  text-decoration: none;
  margin: 1rem;
  border-radius: 30px;
  margin: 0;
  padding: 0;
  color: white;
}

footer {
  padding-top: 70px;
  padding-left: 60px;
  padding-right: 60px;
  max-width: 1800px;
  margin: 0 auto;
  align-items: center;
  display: grid;
}

.footer-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 348px;
  margin: 0 auto;
}

.upper-footer {
  height: 80%;
  display: flex;
  flex-direction: row;
}

.upper-footer h3 {
  color: #f15664;
}

.upper-footer .details a {
  color: #ffffff;
  margin-bottom: 24px !important;
}

.contact-footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #ffffff;
  max-width: 472px;
  display: inline-block;
}

.cmf-footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 194px;
}

.info-footer {
  display: flex;
  flex-direction: column;
  max-width: 194px;
  width: 100%;
}

.downer-footer {
  height: 0%;
}

.icons span:hover {
  text-decoration: underline;
  color: #ffffff;
}

/*new code by Sanyi*/
.conWrap {
  display: grid;
}

.navWrap {
  position: fixed;
  top: 0;
  z-index: 2;
}

.navbar .submenu {
  background: #1e1e1e;
}

/* submenu dropdown start */
.menu button {
  border: 0;
  background: transparent;
  cursor: pointer;
}

.menu button:hover,
.menu button:focus {
  outline: 0;
}

.submenu {
  position: absolute;
  padding: 15px 20px 5px !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: -20px !important;
}

.menu button::after {
  content: "";
  background: url(../svg/menuChevron.svg);
  transition: transform 0.5s;
  transform: rotate(0deg);
  width: 12px;
  height: 7px;
  display: inline-block;
  position: relative;
  left: 10px;
  top: -2px;
}

.submenu li {
  padding: 10px 0;
}

/*submenu dropdown end */
/*active link part*/
.navbar-links .active {
  position: relative;
}

.navbar-links .active::before {
  content: "";
  background: #F05663;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
}

/*active link part end*/
.hidden {
  visibility: hidden;
  width: 0;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}

.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0.3s;
}

/* for JQery end */
.support-lang {
  position: relative;
}

.language {
  border-radius: 50px;
  height: 15px;
  display: inline-block;
  margin-top: 14px;
  padding-top: 0;
  padding-bottom: 20px;
  cursor: pointer;
}

.language img {
  top: 5px;
  position: relative;
  padding-left: 8px;
}

.supportInner {
  border-radius: 100px;
  border: 1px #f05663 solid;
  display: flex;
  height: 48px;
  padding: 0px 39px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition-duration: 1s;
}

.supportInner:hover {
  background-color: rgba(178, 51, 61, 1);
  transition-duration: 1s;
}

.supportText {
  color: #EEE;
  font-size: 18px;
  font-family: "lato";
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.54px;
  display: contents;
}

.navbar-links li a,
.menu button {
  color: #BFBFBF;
  font-size: 16px;
  transition: all 0.5s;
}

.navbar-links li a:hover,
.menu button:hover {
  color: white;
  transition: all 0.5s;
}

main {
  width: 100%;
  /*! max-width: 1440px; */
  margin: 0 auto;
}

.brand-title {
  background: url(../svg/headerLogo.svg);
  background-repeat: repeat;
  width: 80px;
  height: 60px;
  color: transparent;
  background-repeat: no-repeat;
}

/*Publications*/
body,
.navWrap {
  font-family: "lato";
  margin: 0 auto;
}

body {
  max-width: initial;
}

.news main,
.publications main {
  width: 100%;
  max-width: 1440px;
}

.navWrap {
  font-family: "lato";
  margin: 0 auto;
  flex-wrap: wrap;
  display: inline-flex;
  width: 100%;
  z-index: 6;
  position: relative;
  background-color: #1e1e1e;
}

.navWrap {
  display: contents;
}

.home .scientific-mission {
  margin: 0 auto;
}

.navbar {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #1e1e1e;
  padding: 0 60px;
  margin: 0 auto;
  position: sticky;
}

main {
  width: 100%;
}

.publications section,
.news section {
  margin-left: 173px;
}

.research section {
  margin-left: 0;
}

/* FONTOS resz az osszeszereleshez */
.home section,
.about-us section {
  margin-left: 0;
  position: relative;
}
 .banner:after {
    background: linear-gradient(360deg, #1E1E1E 0%, rgba(30, 30, 30, 0.00) 100%);
    content: "";
    width: 100%;
    height: 200px;
    bottom: 0px;
    display: inline-block;
    position: absolute;
  }

.joinUs section {
  margin-left: 230px;
  margin-right: 230px;
}

/* Our publications */
h2#ourPub {
  width: 100%;
  max-width: 1094px;
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  color: #ffffff;
  margin-top: 77px;
}

.news h2 {
  margin-left: 50px;
}

.news #ourPubWrap {
  margin-bottom: 36px;
  position: relative;
  max-width: 1000px;
}

#subTitle {
  max-width: 516px;
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  /* or 144% */
  color: #ffffff;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}

#sec_opt,
.sec_pub {
  margin-top: 80px;
}

.publications #sec_opt {
  margin-bottom: 80px;
  margin-left: 173px;
}

.news #sec_opt,
.sec_pub {
  margin-top: 0;
}

.sec_pub {
  /*! border-left: 1px solid #ffffff; */
  display: inline-block;
}

#scientific-image-1,
#scientific-image-3,
#scientific-video-2 {
  display: none;
}

/*Select Option part
------------------------------------------------------------
*/

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
}

/*hide original SELECT element:*/
.custom-select select {
  /*! display: none; */
}

.select-selected {
  background-color: #1e1e1e;
}

/*style the arrow inside the select element:*/
.select-selected::after {
  position: absolute;
  content: "";
  right: 11px;
  width: 7px;
  height: 7px;
  border: 6px solid transparent;
  background: url(../svg/chevron.svg) no-repeat;
  transition: transform 0.5s;
  transform: rotate(0deg);
  transform-origin: 12px 9px;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  transform: rotate(180deg);
  transform-origin: 12px 9px;
  transition: transform 0.5s;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  cursor: pointer;
  user-select: none;
}

.select-selected,
.upperCont {
  /*sec_pub section*/
  border-bottom: 1px solid #787878;
}

.upperCont {
  /*sec_pub section*/
  padding-bottom: 24px;
}

.lowerCont {
  /*sec_pub section*/
  padding-top: 24px;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background: #323232;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: #3e3e3e;
}

/*
  Select Option end
  -------------------------------------------------------
  
  */

/* further styling*/
.selectWrap {
  width: 100%;
  max-width: 208px;
  margin-right: 0px;
  display: inline-block;
}

.publications .selectWrap {
  margin-right: 70px;
}

.selectWrap.year {
  width: 115px;
}

.innerWrap {
  max-width: 982px;
  padding-left: 56px;
  position: relative;
  border-left: 1px solid #ffffff;
}

.publications .innerWrap {
  margin-bottom: 120px;
}

.news .innerWrap {
  border-left: initial;
}

.select-selected {
  padding-left: 0px;
  z-index: 2;
  position: relative;
}

#yearWrap {
  max-width: 115px;
  top: 88px;
}

.news #yearWrap {
  right: 75px;
}

.publications #yearWrap {
  top: initial;
}

#authorWrap {
  max-width: 208px;
}

#fieldWrap {
  max-width: 208px;
}

.custom-select label {
  color: #ffffff;
  margin-bottom: 10px;
  display: block;
}

.custom-select label {
  color: #ffffff;
}

/*sec_pub section*/

.sec_pub_year {
  font-family: "lato";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  max-width: 30px;
  right: 60px;
  position: absolute;
  top: 0px;
}

.sec_pub {
  color: #ffffff;
}

.sec_pub_names {
  font-family: "lato";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  max-width: 380px;
}

.sec_pub_tags {
  text-transform: uppercase;
  font-family: "lato";
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: justify;
  color: #f05663;
  display: flex;
  gap: 24px;
  margin-bottom: 20px;
}

.sec_pub_title {
  font-size: 30px;
  font-weight: bold;
}

.sec_pub_excerpt {
  margin-top: 16px;
}

.sec_pub_where {
  margin-top: 24px;
  font-family: "lato";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}

.pubWhere {
  color: #f05663;
  text-decoration: underline;
}

.pubIn {
  top: 24px;
}

.sec_pub_where {
  margin-top: 24px;
  margin-bottom: 24px;
}

.readOnline,
.openPDF {
  font-family: "lato";
  font-size: 18px;
  font-weight: 500;
  line-height: 45px;
  letter-spacing: 0.03em;
  border: 1px solid #fff;
  padding: 0px 40px;
  border-radius: 50px;
  display: inline-block;
  min-width: 15%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-right: 20px;
  min-height: 48px;
}

.lowerBicon {
  padding-left: 0px;
  top: 2px;
  position: relative;
}

.buttonRO {
  color: white;
  text-decoration: none;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
}

.buttonRO:hover>div {
  border: 1px solid #f05663 !important;
}

#loadmore {
  margin: 0 auto;
  width: 100%;
  display: inline-block;
  text-align: center;
}

/*footer*/
footer p {
  color: #FFF;
  font-size: 16px;
  font-family: "lato";
  line-height: 24px;
}

footer h3 {
  color: #F05663;
  font-size: 20px;
  font-weight: 700;
  font-family: "lato";
}

.social {
  display: grid;
}

#footerCopyWrap {
  max-width: 1440px;
  height: 68px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 0.50px #6D6D6D solid;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  display: inline-flex;
  width: 100%;
  text-align: left;
  margin-top: -24px;
  margin: 0 auto;
}

.copyRight {
  color: white;
  font-size: 16px;
  font-family: "lato";
  font-weight: 400;
  word-wrap: break-word;
  display: block;
}

#funded {
  color: white;
  font-size: 16px;
  font-family: "lato";
  font-weight: 400;
  /*! word-wrap: break-word; */
  float: left;
  padding-right: 10px;
}

#by {
  color: white;
  font-size: 16px;
  font-family: "lato";
  font-weight: 700;
  text-decoration: underline;
  word-wrap: break-word;
  z-index: 0;
  position: relative;
}

.NKFIH_logo {
  margin-bottom: 92px;
}

.icons {
  text-decoration: none;
}

.icons:hover {
  text-decoration: underline;
}

.icon_text {
  padding-left: 8px;
}

.inner-footer {
  display: inline-block;
  width: 30%;
}

.inner-footer.contantWrap {
  max-width: 579px;
  width: 100%;
}

.separ {
  border-left: 0.5px solid #6D6D6D;
}

/*new Publications select dropdown*/
#sec_opt button {
  padding-bottom: 11px;
  margin-bottom: -30px;
  padding-left: 0px;
  border-bottom: 1px solid #787878;
  padding-right: 189px;
}

#yearWrap button {
  padding-right: 96px;
}

/*imvain2*/

#sec_opt select {
  /* Reset */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  font: inherit;
  cursor: pointer;
  position: absolute;
  right: 11px;
  width: 7px;
  border: 6px solid transparent;
  background: url(svg/chevron.svg) no-repeat;
  background-position: 87px;
  border-bottom: 1px solid #787878 !important;
}

#sec_opt .innerWrap {
  border-left: initial;
}

#yearWrap .active,
#authorWrap .active,
#fieldWrap .active {
  background: url(svg/chevronHover.svg) no-repeat;
}

#authorWrap .active,
#fieldWrap .active {
  background-position: 180px;
}

#yearWrap .active {
  background-position: 87px;
}

#sec_opt select:hover {
  position: absolute;
  content: "";
  right: 11px;
  border: 6px solid transparent;
}

#authorWrap select,
#fieldWrap select {
  background-position: 180px;
}

#sec_opt select option {
  color: inherit;
}

#sec_opt select:focus {
  outline: none;
}

#sec_opt select::-ms-expand {
  display: none;
}

#sec_opt select option {
  background: #323232;
  border: none;
  outline: none;
}

select {
  appearance: none;
  /* Remove default styling */
  outline: none;
  /* Remove the outline */
  background-color: transparent;
  /* Set a transparent background */
  /* Add any additional styling you want for the dropdown */
}

select option {
  border-color: transparent;
  /* Set the border color to transparent */
}

#sec_opt select option:hover {
  background: #3e3e3e;
}

#sec_opt select {
  color: #ffffff;
  padding: 0px 16px;
  cursor: pointer;
  user-select: none;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px !important;
  margin-top: 0px;
  z-index: 3;
  padding-bottom: 8px;
  left: -3px;
}

/*language switch*/

.toggle {
  cursor: pointer;
  display: inline-block;
}

.toggle-switch {
  display: inline-block;
  border-radius: 16px;
  width: 58px;
  height: 32px;
  position: relative;
  vertical-align: middle;
  transition: background 0.75s;
  padding: 0px 10px;
  margin-top: -8px;
}

.toggle-switch:before {
  content: "";
  background-image: url(../svg/globSprite.svg);
  background-position: -27px 0px;
  background-color: rgb(30, 30, 30);
  background-repeat: no-repeat;
  background-size: cover;
}

.toggle-switch:hover::before {
  content: "";
  background-image: url(../svg/globSprite.svg);
  background-position: 0px 0;
}

.toggle-switch:after {
  /* content: "EN HU"; */
  content: "HU EN";
  top: 5px;
  position: relative;
  word-spacing: 6px;
  z-index: 0;
  position: relative;
}

.toggle-switch:before {
  display: block;
  border-radius: 50%;
  width: 25px;
  height: 26px;
  position: absolute;
  top: 4px;
  left: 10px;
  transition: left 0.25s;
  z-index: 1;
}

.toggle-switch:hover,
.toggle-switch:hover .toggle-switch:before {
  background-color: rgba(255, 255, 255, 0.20);
}

.toggle:hover .toggle-switch:before {
  background-color: rgb(30, 30, 30);
}

.toggle-checkbox:checked+.toggle-switch {
  /*! background: #56c080; */
}

.toggle-checkbox:checked+.toggle-switch:before {
  left: 42px;
}

/*mod. asked by T. Andras*/
.researchDropDown:hover .submenu {
  display: block !important;
}

/*.researchDropDown.passive button::after {}*/
.researchDropDown:hover button::after {
  content: "";
  background: url(../svg/menuChevron.svg);
  transition: transform 0.5s;
  transform: rotate(180deg);
  width: 12px;
  height: 7px;
  display: inline-block;
  position: relative;
  left: 10px;
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

.toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}

/*from RESPO*/
.readOnline,
.openPDF {
  border-radius: 100px;
  border: 1px #f05663 solid !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition-duration: 1s;
}

.readOnline,
#loadmore .openPDF {
  border-radius: 100px;
  border: 1px #ffffff solid;
}

.readOnline:hover,
.openPDF:hover {
  background-color: rgba(178, 51, 61, 1);
  transition-duration: 1s;
}

.navWrap>.brand-title {
  left: 16px;
  position: absolute;
  top: 20px;
  z-index: 1;
}

#mobile-menu {
  display: none;
}

:lang(en) #hu-menu {
  display: none;
}

:lang(hu) #en-menu {
  display: none;
}

/* hover effect vege */
.displayFLEX {
  display: flex !important;
}

.displayNONE {
  display: none;
}

.respoTitle {
  display: none;
}

.hide {
  text-decoration: none;
}

.icon_text {
  color: #ffffff;
  text-decoration: none
}

.custom-select select {
  display: none;
  /*hide original SELECT element:*/
}

.newsCont {
  max-width: 870px;
  min-height: 756px;
  position: relative
}

.newsLeftCont {
  height: 222px;
  padding-top: 40px;
  padding-bottom: 40px;
  left: 0px;
  top: 50px;
  position: sticky;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.newsLeftContInner {
  align-self: stretch;
  padding-top: 16px;
  /*! border-top: 0.50px #D6D6D6 solid; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
  height: 160px;
}

.newsDate {
  transform: rotate(-90deg);
  transform-origin: 0 0;
  color: #F05663;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  word-wrap: break-word;
  width: 140px;
  border-right: 0.50px #D6D6D6 solid;
  height: 40px;
  line-height: 37px;
  top: 50px;
  position: relative;
}

.newsMiddleCont {
  padding-left: 56px;
  padding-right: 56px;
  padding-top: 40px;
  padding-bottom: 40px;
  left: 76px;
  top: 0px;
  position: relative;
  background: #242424;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: inline-flex;
  margin-bottom: 88px;
  max-width: 682px;
}

.newsRightCont {
  position: relative;
  margin-top: -300px;
}

.newsTitle {
  align-self: stretch;
  color: white;
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
  word-wrap: break-word;
  margin: 0;
}

.newsTextCont {
  align-self: stretch;
  height: 124px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.newsTextInner {
  align-self: stretch;
  height: 100px;
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}

.newsTextInner::after {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 4px;
}

.partners-inner {
  -webkit-overflow-scrolling: touch
}

.highlight {
  color: #F05663;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  line-height: 24px;
  word-wrap: break-word
}

.showAllCont {
  justify-content: flex-start;
  align-items: center;
  display: inline-flex
}

.showAll {
  color: #F05663;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  line-height: 24px;
  word-wrap: break-word
}

.newsImgCont {
  align-self: stretch;
  height: 482px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex
}

.newsImgCredit {
  align-self: stretch;
  text-align: right;
  color: #BBBBBB;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  word-wrap: break-word
}

.newsTextCont.openNewsText,
.openNewsText .newsTextInner {
  height: auto;
}

.openNewsText .newsTextInner::after {
  content: none;
}

.showAll {
  cursor: pointer;
}

.showAll:hover {
  text-decoration: none;
}

.showAll::after {
  content: "";
  background: url(../svg/footerChevron.svg);
  transform: rotate(0deg);
  transition: all 1s;
  width: 12px;
  height: 7px;
  position: relative;
  left: 7px;
  bottom: 0px;
  display: inline-block;
}

.showAll.newsToggle::after {
  content: "";
  background: url(../svg/footerChevron.svg);
  transform: rotate(180deg);
  transition: all 1s;
  width: 12px;
  height: 7px;
  position: relative;
  left: 7px;
  bottom: 0px;
  display: inline-block;
}

.titleWrap {
  display: inline-block;
  width: 63.6%;
}

.news .year {
  display: inline-block;
  float: right;
}

.loadmoreNews {
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 72px;
}

/*Join Us style from here*/
.joinUs h2 {
  margin-left: 0;
}

.joinUsWrap {
  /*! width: 1440px; */
  /*! min-height: 4404px; */
  /*! padding-bottom: 40px; */
  /*! padding-left: 285px; */
  /*! padding-right: 285px; */
  justify-content: flex-start;
  align-items: center;
  gap: 95px;
  /*! display: inline-flex; */
}

.joinUsInnerWrap {
  flex: 1 1 0;
  /*! padding-top: 160px; */
  padding-bottom: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: inline-flex
}

.joinUsHeaderWrap {
  justify-content: flex-start;
  align-items: baseline;
  gap: 24px;
  display: inline-flex;
  width: 100%;
}

.joinUsTitleWrap {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: inline-flex;
  margin-top: -50px;
}

.joinUsTitle {
  align-self: stretch;
  color: white;
  font-size: 48px;
  font-weight: 300;
  word-wrap: break-word;
  margin-top: 76px;
}

.openPosButtonWrap {
  /*! justify-content: flex-start; */
  /*! align-items: flex-start; */
  /*! gap: 24px; */
  /*! display: flex; */
  margin-right: 26px;
}

.joinUsTitleWrap h3 {
  width: 100%;
  border-bottom: 0.50px #9A9A9A solid;
  padding-bottom: 16px;
  font-size: 40px;
  margin-bottom: 0;
  margin-top: 0;
}

#mission .joinUsTitle {
  margin-bottom: -48px;
  bottom: 49px;
  position: relative;
  margin-top: 60px;
}

.joinUsContent {
  align-self: stretch;
  /*! min-height: 4034px; */
  /*! padding-top: 48px; */
  background: #1E1E1E;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 72px;
  display: flex
}

.joinUsSection {
  align-self: stretch;
  min-height: 340px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: flex
}

.missionWrap {
  align-self: stretch;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  display: inline-flex
}

.missionTextWrap {
  flex: 1 1 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: inline-flex
}

.missionText {
  width: 100%;
  color: white;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  word-wrap: break-word;
  margin-bottom: 32px;
}

.missionImg {
  max-width: 305px;
  height: auto;
  position: relative;
  width: 100%;
}

#philosophy {
  align-self: stretch;
  padding-bottom: 0px;
  border-bottom: 0.50px #9A9A9A solid;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: inline-flex;
  width: 100%;
}

#philosophy h2 {
  color: white;
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
  word-wrap: break-word;
  margin-top: 0;
}

.philosophyContainer {
  align-self: stretch;
  min-height: 272px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  display: flex
}

.philosophyRow {
  align-self: stretch;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: inline-flex
}

.philosophyColumn {
  flex: 1 1 0;
  padding-left: 16px;
  padding-right: 16px;
  border-left: 0.50px #F05663 solid;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: inline-flex
}

.philosophyTitle {
  flex: 1 1 0;
  color: white;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  word-wrap: break-word
}

.philosophyText {
  align-self: stretch;
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word
}

.locationsText {
  align-self: stretch;
  color: white;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  word-wrap: break-word
}

.locationsPlaces {
  align-self: stretch;
  min-height: 256px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: flex
}

.place {
  height: 64px;
  padding-left: 16px;
  padding-right: 16px;
  border-left: 0.50px #F05663 solid;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex
}

.placeTitle {
  flex: 1 1 0;
  color: white;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  word-wrap: break-word
}

.address {
  align-self: stretch;
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word
}

.joinUsContainer {
  align-self: stretch;
  /*! height: 2061px; */
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  display: flex
}

.joinUsInner {
  align-self: stretch;
  /*! height: 2061px; */
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: flex
}

.joinUsText {
  max-width: 531px;
  color: white;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  word-wrap: break-word;
  width: 100%;
}

.roleContainer {
  align-self: stretch;
  /*! height: 1635px; */
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: flex
}

.roleInnerWrap {
  align-self: stretch;
  padding: 32px 40px;
  background: #242424;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: flex;
}

.roleInner {
  align-self: stretch;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: inline-flex
}

.roleTitleWrap {
  flex: 1 1 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: inline-flex
}

.theRole {
  flex: 1 1 0;
  color: white;
  font-size: 24px;
  font-weight: 700;
  word-wrap: break-word
}

.roleLocationWrap {
  align-self: stretch;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: inline-flex
}

.markerWrap {
  width: 24px;
  height: 24px;
  position: relative
}

.theLocation {
  flex: 1 1 0;
  color: white;
  font-size: 16px;
  font-weight: 700;
  word-wrap: break-word
}

.published {
  text-align: right
}

.published span {
  color: #A0A0A0;
  font-size: 16px;
  font-weight: 400;
  word-wrap: break-word;
  display: block;
}

.publishedOn {
  font-size: 16px;
  font-weight: 400;
  word-wrap: break-word;
  color: #fff !important;
}

.applyHereWrap {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: inline-flex
}

#applyHere {
  margin: 0;
  padding: 0;
}

.relevantWrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  /*! display: flex */
}

.relevantQuestion {
  align-self: stretch;
  color: white;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  word-wrap: break-word
}

.dontWorry {
  align-self: stretch;
  color: white;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  word-wrap: break-word
}

.mail {
  align-self: stretch;
  color: #F05663;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
  line-height: 26px;
  word-wrap: break-word
}

.goodToKnow {
  align-self: stretch;
  color: white;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  word-wrap: break-word
}

.lowerBtext {
  display: inline-block;
  padding: 3px;
  margin-left: 0px;
}

#loadmore .lowerBtext {
  margin-left: 0px;
}

.CMF-on-Map {
  max-width: 869px;
  width: 100%;
}

.openPosButtonWrap .openPDF {
  margin-right: 0;
  border: 1px #f05663 solid !important
}

/*VIDEO ANIMATION*/

.playWrap {
  position: absolute;
  top: -108px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 0;
  left: 0;
  right: 0;
}

#scientific-video-1 .playWrap {
  position: absolute;
  top: 0px;
}

.playInner {
  padding-left: 10px;
  padding-right: 10px;
  left: -10px;
  top: 2px;
  position: relative;
  opacity: 1;
  display: inline-block;
}

.playImgOff {
  width: 24px;
  height: 24px;
  left: 23px;
  top: 4px;
  position: absolute;
}

.playImgOn {
  opacity: 0;
  width: 0;
  width: 32px;
  height: 32px;
  position: relative;
}

.playText {
  opacity: 0;
  color: white;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}

.playContainer {
  cursor: pointer;
  width: 46px;
  height: 48px;
  padding-left: 30px;
  padding-right: 30px;
  background: rgba(0, 0, 0, 0.30);
  border-radius: 100px;
  border-left: 1px #F05663 solid;
  border-top: 1px #F05663 solid;
  border-right: 1px #F05663 solid;
  border-bottom: 1px #F05663 solid;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: inline-flex;
  opacity: 1;
  transition: all 0.5s;
  overflow: hidden;
  align-content: center;
}

.playContainer:hover .playImgOn {
  opacity: 1;
  transition: all 0.5s;
  width: 32px;
  height: 32px;
}

.playContainer:hover .playText {
  opacity: 1;
  transition: all 2s;
}

.playContainer:hover .playImgOff {
  opacity: 0;
  transition: all 0.5s;
  margin-right: -50px;
  position: absolute;
  display: none;
}

.playContainer:hover {
  padding: 0px;
  width: 218px;
  padding-left: calc(218px - 109px);
  transition: all 1s;
}

.playContainer:hover .playImgOn {
  opacity: 1;
  transition: all 1s;
  animation: rotate 1s linear infinite;
  margin-left: -102px;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

#press,
#press2,
#press3 {
  position: relative;
  margin: 0 auto;
  display: flex;
}

.entireVid {
  max-width: 100%;
  padding: 0;
  height: 100%;
  position: relative;
}

.innerAside {
  position: sticky;
  top: 90px;
  margin-bottom: 400px;
}

aside a.active {
  color: #f05663;
}

aside a.active img {
  filter: invert(0.5) sepia(1) saturate(13) hue-rotate(-41deg);
}

aside a img {
  top: 0;
  position: relative
}

.arrowOff {
  display: none;
}

.image-section img {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

/*home*/
#bullet1,
#bullet2,
#bullet3 {
  transition: width 0.5s;
}

.latest-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.latest-wrap .latest-img {
  left: -30px;
  position: relative;
  opacity: 0;
  transition: all 0.5s;
}

.latest-wrap:hover .latest-img {
  left: 0px;
  position: relative;
  opacity: 1;
  transition: all 0.5s;
}

.latest-wrap:hover .latest-h3 {
  left: 0px;
  position: relative;
  transition: all 0.5s;
}

.latest-h3 {
  left: -25px;
  position: relative;
  transition: all 0.5s;
}

.latest-wrap.active .latest-img {
  filter: invert(0.5) sepia(1) saturate(13) hue-rotate(-41deg);
  left: 0px;
  opacity: 1;
}

.latest-wrap.active .latest-h3 {
  left: 0px;
}

.news-right-container {
  border-left: 0.5px solid #6D6D6D;
  min-height: 320px;
}

.latest-pub-inner {
  margin-left: 56px;
}

#changeMe {
  background-image: url(../jpg/laser-sci1-crop.jpg);
  max-width: 250px;
  max-height: 492px;
  width: 100%;
  display: inline-block;
  z-index: 99999;
  position: relative;
  height: 100%;
  background-size: cover;
  transition: all 1s;
}

section [id]::before {
  content: '';
  display: block;
  height: 105px;
  margin-top: -105px;
  visibility: hidden;
}

.copyRight:nth-child(3) {
  width: 36%;
}

.worker-popup {
  max-width: 910px;
  width: 100%;
  height: auto;
  padding: 40px;
  background: #262626;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: inline-flex;
  color: #ffffff;
}

.worker-popup-inner {
  align-self: stretch;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: inline-flex;
  margin-top: -30px;
}

.worker-popup-img {
  max-width: 299px;
  width: 100%;
  position: relative;
  background: linear-gradient(0deg, #262626 0%, #262626 100%);
}

.worker-popup-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: inline-flex;
  overflow-y: scroll;
  height: calc(540px - 40px);
  max-width: 630px;
  padding-right: 20px;
  margin-right: 30px;
}

.worker-popup-name {
  align-self: stretch;
  color: white;
  font-size: 32px;
  font-family: "lato";
  font-weight: 300;
  line-height: 40px;
  word-wrap: break-word;
  margin-top: 16px;
  margin-bottom: 0px;
}

.worker-popup-place,
.worker-popup-school {
  align-self: stretch;
  color: white;
  font-size: 18px;
  font-family: "lato";
  font-weight: 300;
  line-height: 26px;
  word-wrap: break-word;
  margin-bottom: -16px;
}

.worker-popup-role,
.worker-card-under {
  align-self: stretch;
  color: white;
  font-size: 18px;
  font-family: "lato";
  font-weight: 400;
  line-height: 26px;
  word-wrap: break-word;
  margin-top: 4px;
}

.separator {
  align-self: stretch;
  height: 0px;
  border: 0.50px #6C6C6C solid;
}

.worker-popup-edu {
  align-self: stretch;
  color: white;
  font-size: 20px;
  font-family: "lato";
  font-weight: 400;
  line-height: 28px;
  word-wrap: break-word;
  margin: 0;
}

#worker-popup-wrapper {
  position: fixed;
  z-index: 10;
  max-width: 990px;
  min-height: 600px;
  top: 50%;
  left: 50%;
  margin-top: -320px;
  margin-left: -495px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#worker-popup-close {
  position: absolute !important;
  right: 30px;
  top: 50px;
  z-index: 30;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 4px;
  z-index: 10;
}

/* Track */
::-webkit-scrollbar-track {
  background: #6C6C6C;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #f15664;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #f15664;
}

/*-------*/


.what-we-do-container ::-webkit-scrollbar {
  width: initial !important;
}

.what-we-do-container ::-webkit-scrollbar-track {
  background: initial !important;
  border-radius: initial !important;
}

.what-we-do-container ::-webkit-scrollbar-thumb {
  background: initial !important;
  border-radius: initial !important;
}

.what-we-do-container ::-webkit-scrollbar-thumb:hover {
  background: initial !important;
}

/*become a parnter resz eleje*/
.partners-inner::-webkit-scrollbar-track {
  background: #6C6C6C;
  border-radius: 10px;
}

.partners-inner::-webkit-scrollbar,
.partners-inner {
  -webkit-overflow-scrolling: auto !important;
}

/* Handle */
.partners-inner::-webkit-scrollbar-thumb {
  background: #f15664;
  border-radius: 10px;
}

/* Handle on hover */
.partners-inner::-webkit-scrollbar-thumb:hover {
  background: #f15664;
}

/*become a partner vege*/
section.what-we-do {
  overflow: hidden !important
}

#worker-popup-outer {
  background: rgba(0, 0, 0, 0.70);
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
}

#worker-popup-outer {
  display: none;
}

#worker-popup-close,
.worker-card-img {
  cursor: pointer;
  position: relative;
}

/*button.anim.css*/

.button-wrapper {
  left: -24px;
  ;
  position: relative;
}

.button-container {
  margin-top: 24px;
}

button.expand.circle {
  padding-right: 10px;
  height: auto;
  transition: 0.45s all;
}

button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}

button.expand .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 12px;
  height: 12px;
  border-top: 0.125rem solid #000;
  border-right: 0.125rem solid #000000;
  transform: rotate(45deg);
}

button.expand .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 45px;
  height: 45px;
  background: #F05663;
  border-radius: 1.625rem;
}

button:hover .circle {
  width: 100%;
  padding: 0 16px;
}

.expand:hover .button-text {
  color: #000000;
  transition: 0.45s all;
}

.expand .button-text {
  color: #fff;
  position: relative;
  top: -35px;
  left: 20px;
  padding-left: 35px;
}

button.expand .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 45px;
  height: 45px;
  background: #F05663;
  border-radius: 1.625rem;
}

button.expand .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 20px;
  bottom: 0;
  margin: auto;
  background: #000000;
  left: 27.50px;
}

button:hover .circle {
  width: 100%;
}

button:hover .button-text {
  color: #fff;
}



/*NEW from Zoli*/
/* donation.html */

.donation-upper-container {
  display: flex;
  gap: 95px;
  padding-left: 286px;
  height: auto;

  margin-top: 100px;
}

.donation-text {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 80%;
}

.donation-text h2 {
  margin-top: 76px;
  margin-bottom: 32px;
  color: #FFF;
  font-family: "lato";
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.donation-text p {
  color: #FFF;
  font-family: "lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-top: 0;
  margin-bottom: 12px;
}


.donation-pic {
  width: 100%;
  height: 564px;
  background: url(../jpg/frame946-2.jpg);
  background-position: center;
  background-size: cover;
}


.billing-section {
  padding: 80px 284px;
}

.billing-section input[type="checkbox"] {
  border: 1px solid #5E5E5E;
  height: 24px;
  width: 24px;
  cursor: pointer;
}

.billing-section h3 {
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 0.5px solid #6D6D6D;
  color: #FFF;
  font-family: "lato";
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 48px;
}

.billing-section p {
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 0;
  color: #FFF;
  font-family: "lato";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.name-email-input-container {
  display: flex;
  width: 100%;
  gap: 32px;
  margin: 0;
}

.input-container {
  display: flex;
  flex-direction: column;
  width: 50%;
}

label {
  color: #FFF;
  font-family: "lato";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

input[type="text"],
input[type="email"],
input[type="number"],
textarea {
  background-color: #1E1E1E;
  border: none;
  border-bottom: 0.5px solid #6D6D6D;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
  height: 24px;
  font-family: "lato";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

input:active {
  border: none;
}

.amount-container {
  display: flex;
  gap: 8px;
  width: 100%;
  border: none;
  margin: 56px 0;
}


.option {
  display: flex;
  align-items: center;
  background-color: rgba(38, 38, 38, 1);
  width: 25%;
  padding: 24px 16px;
  border: none;
  cursor: pointer;
}

.option label {
  color: #FFF;
  font-family: "lato";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: 16px;
}

.option.selected {
  background-color: rgba(68, 68, 68, 1);
  border-bottom: 1px solid rgba(240, 86, 99, 1);
}

input[type="radio"] {
  height: 23px;
}

.custom-amount {
  display: none;
  flex-direction: column;
  margin-bottom: 56px;
}


.checkbox-div {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 0;
  margin-bottom: 16px;
}

.checkbox-div p {
  margin: 0;
  color: #FFF;
  font-family: "lato";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.checkbox-div p a {
  color: rgba(240, 86, 99, 1);
  margin: 0;

  font-family: "lato";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.checkbox-div input {
  border: 1px solid #6D6D6D;
  background-color: #1e1e1e;
}

.transfer-btn-and-logo {
  display: flex;
  gap: 32px;
  margin-top: 32px;
  margin-bottom: 32px;
}


.pink {
  color: rgba(240, 86, 99, 1);
}

.bank-transfer-section {
  padding-top: 48px;
  padding-left: 284px;
  padding-right: 284px;
  padding-bottom: 80px;
}

.bank-transfer-section h3 {
  padding-bottom: 8px;
  border-bottom: 0.5px solid #6D6D6D;
  margin-top: 0;
  margin-bottom: 32px;
  color: #FFF;
  font-family: "lato";
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 48px;
}

.bank-transfer-section h5 {
  margin-top: 0;
  margin-bottom: 16px;
  color: #C9C9C9;
  font-family: "lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.card-number {
  margin: 0;
  color: #FFF;
  font-family: "lato";
  font-size: 26px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
}

#copy-icon {
  cursor: pointer;
  margin-left: 16px;
}

.bank-transfer-section-text {
  margin-top: 32px;
  color: #FFF;
  font-family: "lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

/* data privacy */

.data-privacy-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 56px 396px;
}


.data-privacy-container h2 {
  margin-top: 76px;
  margin-bottom: 0;
  color: #FFF;
  font-family: "lato";
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.data-privacy-container h3 {
  color: #FFF;
  font-family: "lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-top: 32px;
}

.data-privacy-container p {
  margin-top: 0;
  margin-bottom: 18px;
  color: #FFF;
  font-family: "lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;

}


/* donation feedback.html */


.donation-feedback-section {
  display: flex;
  height: 795px;
  padding: 154px 60px 40px 60px;
  background: url(../jpg/fingerprint.jpg);
  background-size: cover;
  background-position: -50% -400px;
  background-repeat: no-repeat;
  filter: brightness(103%);
}

.donation-feedback-section div {
  display: flex;
  flex-direction: column;
  width: 572px;
  height: 100%;

}

.donation-feedback-section h1 {
  margin: 0;

  color: #FFF;
  font-family: "lato";
  font-size: 88px;
  font-style: normal;
  font-weight: 300;
  line-height: 96px;
  letter-spacing: -1.76px;
}


.donation-feedback-section p {
  margin-top: 88px;
  margin-bottom: 16px;
  color: #FFF;
  font-family: "lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -0.48px;
}



.donation-feedback-section a {
  text-decoration: none;
  width: 225px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;

  border: 1px solid rgba(240, 86, 99, 1);
  border-radius: 44px;

  color: white;

  transition-duration: 1s;
}

.donation-feedback-section a:hover {
  background-color: rgba(178, 51, 61, 1);
  transition-duration: 1s;
}

/* contact feedback.html */


.contact-feedback-section {
  display: flex;
  height: 795px;
  padding: 154px 60px 40px 60px;
  background: url(../jpg/fingerprint.jpg);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-size: cover;
  background-position: -50% 0px;
  background-repeat: no-repeat;
  filter: brightness(103%);
}

.contact-feedback-section div {
  display: flex;
  flex-direction: column;
  width: 572px;
  height: 100%;

}

.contact-feedback-section h1 {
  margin-top: 0;
  margin-bottom: 88px;
  color: #FFF;
  font-family: "lato";
  font-size: 88px;
  font-style: normal;
  font-weight: 300;
  line-height: 96px;
  letter-spacing: -1.76px;
}


.contact-feedback-section p {
  margin-top: 0;
  margin-bottom: 16px;
  color: #FFF;
  font-family: "lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -0.48px;
}



.contact-feedback-section a {
  text-decoration: none;
  width: 225px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;

  border: 1px solid rgba(240, 86, 99, 1);
  border-radius: 44px;

  color: white;

  transition-duration: 1s;
}

.contact-feedback-section a:hover {
  background-color: rgba(178, 51, 61, 1);
  transition-duration: 1s;
}


/* 404 feedback.html */


.a404-feedback-section {
  display: flex;
  height: 795px;
  padding: 154px 60px 40px 60px;
  background: url(../jpg/fingerprint.jpg);
  background-repeat: repeat;
  background-size: auto;
  background-size: cover;
  background-position: -50% 200px;
  background-repeat: no-repeat;
  filter: brightness(103%);
}

.contact-feedback-section h1 {
  margin-top: 0;
  margin-bottom: 88px;
  color: #FFF;
  font-family: "lato";
  font-size: 88px;
  font-style: normal;
  font-weight: 300;
  line-height: 96px;
  letter-spacing: -1.76px;
}

.a404-feedback-section div {
  display: flex;
  flex-direction: column;
  max-width: 677px;
  height: 100%;

}

.a404-feedback-section h1 {
  margin-top: 0;
  margin-bottom: 88px;
  color: #FFF;
  font-family: "lato";
  font-size: 88px;
  font-style: normal;
  font-weight: 300;
  line-height: 96px;
  letter-spacing: -1.76px;
}


.a404-feedback-section p {
  margin-top: 0;
  margin-bottom: 16px;
  color: #FFF;
  font-family: "lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -0.48px;
}



.a404-feedback-section a {
  text-decoration: none;
  width: 225px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;

  border: 1px solid rgba(240, 86, 99, 1);
  border-radius: 44px;

  color: white;

  transition-duration: 1s;
}

.a404-feedback-section a:hover {
  background-color: rgba(178, 51, 61, 1);
  transition-duration: 1s;
}


/* contact-us.html */

.contact-us-section {

  height: auto;
  padding: 82px 398px 76px 398px;
}

.contact-us-section h2 {
  color: #FFF;
  font-family: "lato";
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  line-height: 56px;
  margin-top: 0;
  margin-bottom: 32px;
}

.contact-us-section p {
  color: #FFF;
  font-family: "lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;

}

.name-input-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  margin-bottom: 32px;
}

.name-input-container input {
  padding: 10px 0 10px 0;
}

.email-phone-container {
  margin-top: 0;
  margin-bottom: 40px;
  display: flex;
  gap: 32px;
}

.email-phone-container div {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.send-message-btn {
  color: #8A8A8A;
  text-decoration: none;
  display: flex;
  width: 198px;
  height: 48px;
  margin-top: 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #737373;
}

.contact-us-section input[type="checkbox"] {
  border: 1px solid #5E5E5E;
  height: 24px;
  width: 24px;
  cursor: pointer;
}

.contact-us-section input[type="radio"],
.partner-contact input[type="radio"] {
  border: 1px solid #FFF;
  width: 24px;
  height: 24px;
  background: white;
}

.partner-contact .option label {
  margin-left: 32px;
}

.contact-us-section input[type=number]::-webkit-inner-spin-button,
.contact-us-section input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* open posititon subpage */
.fontWeight300 {
  font-weight: 300;
}

#back-to-pos {
  min-height: 20px;
  position: absolute;
  left: 30px;
  top: 120px;
}

#back-to-pos span {
  color: #C3C3C3;
  vertical-align: super;
  padding-left: 10px;
}

.open-position-section {
  font-family: "lato";
}

.open-position-inner-wrap {
  max-width: 650px;
  width: 100%;
  display: inherit;
  margin: 0 auto;
  /*! padding-top: 100px; */
}

.open-position-inner {
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  display: inline-flex
}

.open-position-inner-upper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: flex
}

.open-position-title {
  align-self: stretch;
  color: white;
  font-size: 48px;
  font-family: "lato";
  font-weight: 300;
  word-wrap: break-word;
  margin-bottom: 0;
}

.open-position-separator {
  width: 1px;
  height: 18px;
  background: #F05663
}

.open-position-location {
  color: white;
  font-size: 18px;
  font-family: "lato";
  font-weight: 300;
  line-height: 26px;
  word-wrap: break-word
}

.open-position-published {
  color: white;
  font-size: 18px;
  font-family: "lato";
  font-weight: 300;
  line-height: 26px;
  word-wrap: break-word
}

.open-position-info {
  max-width: 650px;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  display: inline-flex;
  margin-top: 24px;
}

#apply-here {
  margin: 20px 0;
}

.open-position-description h2,
.open-position-howto h2 {
  color: white;
  font-size: 32px;
  font-family: "lato";
  font-weight: 300;
  line-height: 48px;
  word-wrap: break-word;
  align-self: stretch;
  padding-bottom: 8px;
  border-bottom: 0.50px #9A9A9A solid;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: inline-flex;
  margin-top: 0;
}

.open-position-description h3,
.open-position-howto h3 {
  color: white;
  font-size: 32px;
  font-family: "lato";
  font-weight: 300;
  line-height: 48px;
  word-wrap: break-word;
  align-self: stretch;
  padding-bottom: 8px;
  border-bottom: 0.50px #9A9A9A solid;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: inline-flex
}

.open-position h3,
.open-position h2 {
  margin-top: 24px;
  padding-top: 0;
  margin-bottom: 0px;
}

#apply {
  margin-top: 64px;
}

p a {
  color: #F05663;
  font-size: 18px;
  font-family: "lato";
  font-weight: 400;
  text-decoration: underline;
  line-height: 26px;
  word-wrap: break-word;
}

footer p a {
  font-size: 16px;
}

.open-position-description,
.open-position-howto {
  color: white;
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  display: flex
}

.open-position-howto h4 {
  font-family: "lato";
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
}

.open-position-apply {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  display: flex
}

.open-position-form {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: flex
}

.open-position-row {
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: inline-flex
}

.open-position-label {
  color: white;
  font-size: 14px;
  font-family: "lato";
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
  position: relative;
  gap: 0;
  /*! left: -8px; */
  /*! top: -7px; */
}

.open-position-file {
  color: white;
  font-size: 16px;
  font-family: Lato;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
  margin-left: -200px;
}

.open-position-browse {
  color: #F05663;
  font-size: 16px;
  font-family: Lato;
  font-weight: 700;
  text-decoration: underline;
  line-height: 24px;
  word-wrap: break-word
}

.open-position-optional {
  color: white;
  font-size: 14px;
  font-family: Lato;
  font-weight: 300;
  line-height: 24px;
  word-wrap: break-word;
  position: relative;
  /*! top: -8px; */
  /*! left: -7px; */
}

.open-position-field {
  align-self: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 0.50px #787878 solid;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: inline-flex;
  margin-right: 50px;
}

.open-position-field-text {
  flex: 1 1 0;
  color: #6B6B6B;
  font-size: 16px;
  font-family: Lato;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
}

.open-position-dashed {
  align-self: stretch;
  padding-top: 24px;
  padding-bottom: 24px;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='darkgray' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.open-position-file-wrap {
  flex: 1 1 0;
  text-align: center;
  margin-bottom: -10px;
}

.open-position-accept {
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  display: flex
}

.open-position-accept {
  margin-top: 36px;
}

.open-position-accept div {
  display: flex;
  gap: 8px;
}

.open-position-checkbox {
  width: 24px;
  height: 24px;
  position: relative;
  border: 0.50px #5E5E5E solid
}

.open-position-file-left {
  left: -50px;
  position: relative;
}

/* button.anim.css */

button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}

button.learn-more {
  width: 15.2rem;
  height: auto;
  transition: 0.45s all;
}

.learn-more:hover .button-text {
  color: #000000;
  transition: 0.45s all;
}

button.learn-more .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 45px;
  height: 45px;
  background: #F05663;
  border-radius: 1.625rem;
}

button.learn-more .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #000000;
}

button.learn-more .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}

button.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 12px;
  height: 12px;
  border-top: 0.125rem solid #000;
  border-right: 0.125rem solid #000000;
  transform: rotate(45deg);
}

button.learn-more .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 2rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
  font-size: 18px;
}

button:hover .circle {
  width: 100%;
}

button:hover .button-text {
  color: #fff;
}

/* open-job css code */
.file-input {
  padding: 60px 360px;
  margin: -50px -280px;
  max-width: 140px;
  left: -130px;
  position: relative;
}

.open-position-file-upper {
  display: block;
  margin-bottom: 0px;
}

::-webkit-file-upload-button {
  background: transparent;
  color: rgba(240, 86, 99, 1);
  text-decoration: underline;
  padding: 8px;
  font-size: 18px;
  border-radius: 20px;
  letter-spacing: 1px;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
  line-height: 1.5;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: none;

}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.bullet-container {
  width: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  margin-top: -20px;
}

.bullet-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}

.bullet {
  width: 8px;
  height: 8px;
  border-radius: 40px;
  background: #787878;
}

.partners-inner {
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}

.partner-box {
  flex: 0 0 auto;
  width: 100%;
  scroll-snap-align: start;
}


.arrow-buttons {
  display: flex;
  justify-content: space-between;
}

.arrow-left,
.arrow-right {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

.arrow-left svg,
.arrow-right svg {
  display: block;
  width: 100%;
  height: auto;
}

.partner-box {
  margin-right: 160px;
  margin-left: -140px;
}

.partner-box:last-child {
  margin-right: 0;
}

.file-name:before {
  content: "";
  background-image: url(../svg/document.svg);
  width: 24px;
  height: 24px;
  position: absolute;
  left: -10px;
  background-repeat: no-repeat;
}

.file-name {
  padding-left: 20px;
  position: relative
}

#customFileList .file-entry:first-child {
  min-width: 650px;
}

.file-entry {
  position: relative;
  max-width: 650px;
  width: 100%;
  display: inline-block;
  padding-bottom: 32px;
  left: 7px;
  top: 7px;
  min-width: 650px;
}

.delete-btn {
  background-image: url(../svg/delete.svg);
  background-repeat: no-repeat;
  font-size: 0;
  color: transparent;
  height: 24px;
  width: 24px;
  position: absolute;
  right: 0;
  top: 7px;
}

.file-info {
  font-size: 18px;
  padding-right: 90px;
}

.file-size {
  font-weight: 300;
  margin-left: 5px;
}

.open-position-description p {
  margin: 0 auto;
}

/* The container */
.radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  border-radius: 22px;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 30px;
  left: 16px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  border: 1px solid #5E5E5E;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio:hover input~.checkmark {
  background-color: transparent;
  border-radius: 22px;
  border: 1px solid #5E5E5E;
}

/* When the radio button is checked, add a blue background */
.radio input:checked~.checkmark {
  width: 20px;
  height: 20px;
  background-color: white;
  box-shadow: inset 0 0 0 3px rgba(38, 38, 38, 1);
  border: 1px solid white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Style the checkmark/indicator 
.checkbox-div .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--form-background);
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}

input[type=checkbox]::before {
  width: 0.65em;
  height: 0.65em;
  position: relative;
  top: -8px;
}

input[type=checkbox] {
  overflow: hidden;
}

input[type=checkbox]:checked::before {
  content: "\2713";
  background-color: #fff;
  width: calc(24px - 5px);
  height: calc(24px - 5px);
  top: -5px;
  bottom: 3px;
  margin-left: 8px;
  padding: 9px;
}


input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

.open-position-accept input[type=checkbox] {
  top: 20px;
  position: relative;
  border: 1px solid #5E5E5E;
}

*/

/*ABOUT US Accordion*/

.about-us input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.about-us .row {
  display: flex;
}

.about-us .row .col {
  flex: 1;
}

.about-us .row .col:last-child {
  margin-left: 0;
}

/* Accordion styles */
.about-us .tabs {
  border-radius: 8px;
  overflow: hidden;
}


.about-us .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}

.about-us .tab-label {
  margin: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 0.5px solid #6D6D6D;
  /*! border-bottom: 0.5px solid #6D6D6D; */
  color: #FFF;
  font-size: 20px;
  font-family: "lato";
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-left: 0;
  padding-right: 0;
}

[for="chck5"] {
  border-bottom: none !important;
}

[for="chck1"] {
  border-top: none !important;
}

.team-resp-container {
  border-top: 0.5px solid #6D6D6D;
  margin-top: 32px;
}

.about-us .tab-label::after {
  content: url(../svg/footerChevron.svg);
  width: 12px;
  height: 12px;
  text-align: center;
  transition: all 0.35s;
  position: relative;
  transform-origin: 0px 15px;
}

.about-us input:checked+.tab-label::after {
  transform: rotate(180deg);
  transform-origin: 6px 18px;
  width: 12px;
  height: 12px;
  text-align: center;
}

.about-us .tab-content {
  max-height: 0;
  padding: 0;
  opacity: 0;
  transition: all 0.35s;
}

.about-us .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}

.about-us input:checked~.tab-content {
  max-height: 100%;
  padding: 0em;
  opacity: 1;
  transition: all 0.35s;
}


.about-us .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}

.respo-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
  /* This ensures that the .respo-div takes up the full height */
}

.respo-bottom {
  margin-top: auto;
  /* Pushes the .respo-worker-card-bio to the bottom */
}