/* START Header */
header {
  z-index: 100;
}
.primary-nav,
.secondary-nav,
.sticky-nav {
  display: none;
}
body.error404 .primary-nav,
body.page-template-default .primary-nav,
body.search .primary-nav {
  background-color: var(--black-purple);
}
body.error404 section.page_404,
body.page-template-default section.default_template,
body.search section.search-page {
  padding: 260px 0 60px;
}
.logo-container {
  position: relative;
  display: inline-block;
  width: 195px;
  height: 110px;
}
.logo-container svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.logo-container svg path {
  color: var(--light-cream);
}
.logo-container:hover path {
  color: var(--light-pink);
}
.mobile-nav {
  position: fixed;
  width: 100%;
  background-color: var(--black-purple);
}
.mobile-menu-wrapper {
  display: flex;
  position: fixed;
  padding: 80px 20px 60px;
  background-color: var(--black-purple);
  color: var(--light-cream);
  top: 0;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  right: -100%;
  transition: .3s;
}
body.show-menu .mobile-menu-wrapper {
  right: 0;
}
.mobile-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 15px;
  z-index: 100;
}
.mobile-header .logo-container {
  width: 95px;
  height: 50px;
}
.mobile-header .right-side {
  display: flex;
  align-items: center;
  gap: 25px;
  opacity: 1;
  transition: opacity .3s ease-in-out;
}
body.show-menu .mobile-header .btn.donate {
  opacity: 0;
}
.mobile-nav .toggle-menu {
  cursor: pointer;
}
body.show-menu .mobile-nav .toggle-menu:hover circle {
  fill: var(--light-cream);
}
body.show-menu .mobile-nav .toggle-menu:hover path {
  stroke: var(--light-cream);
}
.mobile-nav .close-menu {
  display: none;
}
.mobile-nav .meatballs-menu {
  display: block;
  width: 100%;
  max-width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-nav .meatballs-menu circle {
  fill: var(--light-pink);
  transitin: all .3s ease-in-out;
}
body.show-menu .mobile-nav .meatballs-menu {
  display: none;
}
body.show-menu .mobile-nav .close-menu {
  display: block;
}
.mobile-nav .close-menu path {
  stroke: var(--light-pink);
}
.mobile-menu-container {
  width: 100%;
  margin-bottom: 60px;
}
ul.mobile-menu {
  width: 100%;
  max-width: 65%;
  gap: 30px;
}
ul.mobile-menu li.menu-item-has-children{
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 0;

}
ul.mobile-menu ul.sub-menu {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 0;
  padding: 5px 0 5px 20px;
  border-left: 2px solid var(--light-pink);
}
ul.mobile-menu li a {
  font-family: 'Alexandria', sans-serif;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 300;
  color: var(--light-cream);
  text-transform: uppercase;
  text-decoration: none;
  transition: color .3s ease-in-out;
}
ul.mobile-menu ul.sub-menu a {
  text-transform: math-auto;
  transition: color .3s ease-in-out;
}
ul.mobile-menu li:not(.menu-item-has-children) a:hover,
ul.mobile-menu ul.sub-menu a:hover,
ul.mobile-menu li.current-menu-item a {
  color: var(--light-pink);
}
.mobile-menu-wrapper .menu-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-menu-wrapper .menu-footer .social-media-container {
  gap: 30px;
}
.mobile-menu-wrapper .menu-footer svg.facebook {
  width: 26px;
  height: 26px;
}
.mobile-menu-wrapper .menu-footer svg.youtube {
  width: 26px;
  height: 26px;
}
.mobile-menu-wrapper .menu-footer svg.instagram {
  width: 26px;
  height: 26px;
}
.mobile-menu-wrapper .menu-footer svg.mail {
  width: 26px;
  height: 16px;
}
@media only screen and (min-width: 1024px) {
  /* START Header */
  header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  body.sticky-header header {
    position: fixed;
    background-color: var(--black-purple);
  }
  body.sticky-header .secondary-nav,
  body.sticky-header .primary-nav {
    display: none;
  }
  body.sticky-header .sticky-nav {
    display: block;
    padding: 20px 0 10px;
  }
  .sticky-nav .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .sticky-nav .logo-container {
    width: 117px;
    height: 60px;
  }
  .sticky-nav .right-side {
    display: flex;
    align-items: center;
  }
  .sticky-nav .navigation {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 12px;
  }
  .primary-nav,
  .secondary-nav {
    display: block;
  }
  .secondary-nav {
    background-color: var(--black-purple);
    padding: 15px 0;
  }
  .secondary-nav .container {
    display: flex;
    align-items: center;
  }
  .secondary-menu-container li a {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Alexandria';
    color: var(--light-pink);
    text-wrap: nowrap;
    text-decoration: none;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
  }
  .secondary-menu-container li:hover a,
  .secondary-menu-container li.current-menu-item a {
    color: var(--light-cream);
  }
  .secondary-nav .social-media-container {
    width: 50%;
  }
  .secondary-nav .right-side {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .secondary-nav .right-side .secondary-menu-container {
    margin-right: 40px;
  }
  .secondary-menu-container ul.secondary-menu {
    display: flex;
    gap: 30px;
  }
  .secondary-nav .right-side .nav-actions {
    display: flex;
    align-items: center;
  }
  header li.menu-item {
    position: relative;
  }
  .mobile-nav {
    display: none;
  }
}
.primary-nav {
  padding: 20px 0;
}
.primary-nav .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.primary-nav .right-side {
  display: flex;
  align-items: center;
}
.primary-menu-container ul.primary-menu {
  display: flex;
  gap: 30px;
}
.primary-menu-container li.menu-item a {
  position: relative;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 300;
  font-family: 'Alexandria';
  color: var(--light-cream);
  text-decoration: none;
  text-transform: uppercase;
  transition: color .3s ease-in-out;
}
.primary-menu-container li.menu-item:hover a,
.primary-menu-container li.current-menu-item a {
  color: var(--light-pink);
}
.primary-menu-container li.menu-item-has-children {
  position: relative;
  padding-right: 25px;
  cursor: pointer;
}
.primary-menu-container li.menu-item-has-children::before {
  content: '';
  position: absolute;
  top: 8px;
  right: 3px;
  width: 11px;
  height: 6px;
  background: url('../img/Dropdown-Arrow-White.svg');
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all .3s ease-in-out;
}
.primary-menu-container li.menu-item-has-children::after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  right: -3px;
  width: 597px;
  height: 34px;
  border-bottom: 2px solid var(--light-pink);
  cursor: default;
}
.primary-menu-container li.menu-item-has-children:hover::after {
  display: block;
}
.primary-menu-container li.menu-item-has-children ul.sub-menu {
  display: none;
  position: absolute;
  bottom: -127px;
  left: -44px;
  text-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  padding: 15px 0;
  cursor: default;
  background-color: var(--light-cream);
  border-radius: 0 0 10px 10px;
  transition: .3s ease-in-out;
  z-index: 1;
}
.primary-menu-container li.menu-item-has-children:hover ul.sub-menu {
  display: flex;
}
.primary-menu-container li.menu-item-has-children ul.sub-menu li {
  padding: 10px 20px;
  transition: all .3s ease-in-out;
  cursor: pointer;
}
.primary-menu-container li.menu-item-has-children:hover a {
  color: var(--light-cream);
}
.primary-menu-container li.menu-item-has-children ul.sub-menu li:hover {
  background-color: var(--light-pink);
}
.primary-menu-container li.menu-item-has-children ul.sub-menu li a {
  color: var(--light-purple);
}
.primary-menu-container li.menu-item-has-children ul.sub-menu li:hover a {
  color: var(--black-purple);
}
header li.menu-item-has-children ul.sub-menu li a {
  text-transform: math-auto;
  font-weight: 400;
}
@media(max-width:1280px){
  .primary-menu-container ul.primary-menu{
    gap: 10px;
  }
  .primary-menu-container li.menu-item a{
    font-size: 16px;
  }
}
/* END Header */

/* START Footer */
footer {
  color: var(--light-cream);
  background-color: var(--black-purple);
  padding: 80px 0;
}
footer .container {
  justify-content: space-between;
  align-items: center;
}
footer .left-side {
  align-items: center;
  gap: 60px;
}
footer .left-side img {
  width: 100%;
  max-width: 91px;
}
footer .left-side p {
  width: 100%;
  max-width: 65%;
}
@media only screen and (max-width: 1024px) {
  footer .left-side {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 769px) {
  footer {
    padding: 50px 16px;
  }
  footer .container {
    align-items: start;
  }
  footer .left-side {
    align-items: start;
    gap: 40px;
  }
  footer .left-side img {
    width: 100%;
    max-width: 106px;
  }
  footer .left-side p {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
  }
  footer .btn.donate {
    margin: 0;
  }
}
/* END Footer */

/* START Homepage */
  /* Start HP Hero Screen */
.home .hero {
  min-height: 90vh;
}
.home .hero .container {
  justify-content: space-between;
  align-items: center;
}
.hero::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black-purple);
  opacity: 1;
}
.home .hero .info-container {
  padding-right: 45px;
  color: var(--light-cream);
}
.home .hero h1 {
  font-size: 50px;
  font-weight: 400;
  color: var(--light-cream);
  margin-bottom: 30px;
}
.home .hero .info {
  width: 100%;
  max-width: 760px;
}
.home .hero .btn {
  background-color: transparent;
  border: 2px solid var(--light-pink);
  color: var(--light-pink);
}
.home .hero .btn:hover {
  background-color: var(--light-pink);
  color: var(--black-purple);
}
.home .hero .video-wrapper {
  width: 100%;
  max-width: 50%;
}
.home .hero .video-wrapper::before {
  content: '';
  position: absolute;
  top: 17px;
  left: -17px;
  width: 100%;
  height: 100%;
  border: 2px solid var(--light-pink);
  border-radius: 10px;
}
@media only screen and (min-width: 769px) and (min-height: 1025px) {
  .home .hero {
    min-height: 50vh;
  }
}
@media only screen and (max-width: 769px) {
  .home .hero {
    min-height: 100vh;
  }
  .home .hero .container {
    align-items: start;
  }
  .home .hero img.hero-bg {
    top: 0;
  }
  .home .hero .info-container {
    align-items: start;
    padding-right: 0;
    margin-bottom: 90px;
  }
  .home .hero .info {
    width: 100%;
    max-width: 600px;
  }
  .home .hero .video-wrapper {
    width: 100%;
    max-width: 100%;
  }
  .home .hero .video-wrapper lite-youtube {
    width: calc(100% - 17px);
    left: 10px;
    top: 5px;
  }
  .home .hero .video-wrapper::after {
    width: calc(100% - 17px);
    left: 10px;
    top: 5px;
  }
  .home .hero .video-wrapper::before {
    width: calc(100% - 17px);
    left: 0;
  }
}
@media only screen and (max-width: 769px) {
  .home .hero {
    padding: 100px 0 80px;
  }
  .home .hero h1 {
    font-size: 40px;
  }
  .home .hero h1 strong {
    font-size: 46px;
  }
}
  /* End HP Hero Screen */
  /* Start Second Screen */
.hp-second-screen {
  position: relative;
  padding: 80px 0 70px;
}
.hp-second-screen::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.15;
  z-index: 2;
}
.hp-second-screen::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--light-pink);
  opacity: 0.7;
  z-index: 1;
}
.hp-second-screen .heart-vector {
  position: absolute;
  top: -50px;
  right: 0;
  width: 100%;
  height: auto;
  z-index: 2;
}
.hp-second-screen .container {
  gap: 195px;
  z-index: 3;
}
.hp-second-screen h2 {
  font-size: 60px;
  color: var(--light-cream);
  max-width: 70%;
  text-wrap-style: balance;
}
.hp-second-screen .info-wrapper {
  justify-content: flex-end;
}
.hp-second-screen .info-container {
  max-width: 50%;
}
.hp-second-screen .info-container .info{
  max-width: 80%;
}
.hp-second-screen .info-container .info p {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--light-cream);
}
@media only screen and (max-width: 1024px) {
  .hp-second-screen .container {
    gap: 50px;
  }
  .hp-second-screen .info-container {
    max-width: 100%;
  }
}
@media only screen and (max-width: 769px) {
  .hp-second-screen {
    padding: 80px 0 130px;
  }
  .hp-second-screen .container {
    gap: 20px;
  }
  .hp-second-screen .heart-vector {
    display: none;
  }
  .flex-item.item60:first-of-type {
    padding: 0;
  }
  .hp-second-screen h2 {
    font-size: 40px;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    text-wrap-style: auto;
  }
  .hp-second-screen .info-container .info {
    width: 100%;
    max-width: 100%;
  }
  .hp-second-screen .info-container .info p {
    font-size: 18px;
  }
}
/* End Second Screen */
/* Start Donate Screen */
.hp-donate-screen {
  position: relative;
  color: var(--black-purple);
  background-color: var(--light-pink);
  padding: 110px 0;
}
.hp-donate-screen .container {
  justify-content: flex-end;
  z-index: 3;
}
.hp-donate-screen .info-container {
  width: 100%;
  max-width: 50%;
}
.hp-donate-screen .info-container .info-wrapper {
  width: 100%;
  max-width: 520px;
}
.hp-donate-screen .info-container h2 {
  margin-bottom: 20px;
}
.hp-donate-screen .info-container p {
  margin-bottom: 40px;
}
.hp-donate-screen .info-container p:last-of-type {
  margin: 0;
}
.hp-donate-screen .info-container a {
  color: var(--black-purple);
  font-weight: 700;
}
.hp-donate-screen .donate-form-container {
  position: absolute;
  left: 15px;
  top: -475px;
}
@media only screen and (max-width: 1200px) {
  .hp-donate-screen .container {
    align-items: center;
  }
  .hp-donate-screen .donate-form-container {
    position: relative;
    width: calc(100% + 30px);
    left: 0;
    top: -150px;
    padding: 50px 15px 30px;
    margin-left: 0;
  }
  .hp-donate-screen .info-container,
  .hp-donate-screen .info-container .info-wrapper {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 769px) {
  .hp-donate-screen {
    padding: 60px 0;
  }
  .hp-donate-screen .donate-form-container {
    top: -120px;
    margin-bottom: -40px;
  }
  .hp-donate-screen .info-container {
    text-align: center;
  }
  .hp-donate-screen .info-container .info-wrapper {
    text-align: start;
  }
  .hp-donate-screen .info-container h2 {
    margin-bottom: 40px;
  }
  .hp-donate-screen .info-container h5 {
    margin-bottom: 8px;
  }
}
/* End Donate Screen */
/* Start Missions Screen */
.hp-missions-screen {
  background-color: var(--white-bg);
  padding: 120px 0;
}
.hp-missions-screen .container {
  align-items: center;
  gap: 80px;
}
.hp-missions-screen h2 {
  color: var(--light-purple);
}
.hp-missions-screen ul {
  width: 100%;
  gap: 30px;
  margin: 0;
}
.hp-missions-screen ul li {
  align-items: center;
  gap: 40px;
  text-align: center;
}
.hp-missions-screen ul li img {
  width: 100%;
  max-width: 237px;
  height: 100px;
  margin-bottom: 10px;
}
.hp-missions-screen ul li .info {
  width: 100%;
  max-width: 330px;
}
.hp-missions-screen ul li .info p {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}
@media only screen and (max-width: 1025px) {
  .hp-missions-screen ul {
    flex-direction: row;
  }
}
@media only screen and (max-width: 769px) {
  .hp-missions-screen {
    padding: 80px 0;
  }
  .hp-missions-screen .container {
    gap: 60px;
  }
  .hp-missions-screen h2 {
    text-align: center;
  }
  .hp-missions-screen ul {
    flex-direction: column;
  gap: 80px;
  }
  .hp-missions-screen ul li {
    gap: 30px;
  }
  .hp-missions-screen ul li h5 {
    margin-bottom: 10px;
  }
}
/* End Missions Screen */
/* START Tell story section */
.hp-tell-story {
  margin-bottom: 80px;
}
.hp-tell-story figure {
  position: relative;
  height: 600px;
  margin-bottom: 72px;
}
.hp-tell-story .container {
  justify-content: flex-end;
  flex-direction:row;
}
.hp-tell-story .first-modal {
  position: absolute;
  left: 0;
  top: -190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 65%;
  max-width: 850px;
  height: auto;
  padding: 60px 80px;
  border-radius: 10px;
  color: var(--light-cream);
  background-color: var(--light-purple);
}
.hp-tell-story .first-modal h3 p{
  font-family: 'Noto Serif', sans-serif;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  margin-bottom: 50px;
}
.hp-tell-story .first-modal strong {
  color: var(--light-pink)
}
.hp-tell-story .second-modal {
  width: 40%;
  max-width:520px;
  background-color: var(--light-pink);
  border-radius: 10px;
  padding: 52px;
  z-index: 1;
}
.hp-tell-story .second-modal h4 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 400;
}
@media only screen and (max-width: 769px) {
  .hp-tell-story {
    background-color: var(--light-pink);
    margin-bottom: 0;
  }
  .hp-tell-story .container{
    flex-direction:column;
  }
  .hp-tell-story .first-modal {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 40px 20px;
    top: -110px;
    text-align: center;
    margin-bottom: -80px;
  }
  .hp-tell-story .first-modal h3 p {
    font-size: 30px;
    text-align: center;
    line-height: 1.2;
  }
  .hp-tell-story .second-modal {
    width: 100%;
    display: block;
    position: relative;
    padding: 40px 0;
    text-align: center;
  }
  .hp-tell-story figure{
    height: 188px;
  }
}
/* END Tell story section */
/* Start  Testimonials */
.hp-testimonials {
  padding-bottom: 120px;
}
.hp-testimonials .container > h2{
  margin-bottom:0;
}
.hp-testimonials .custom-navigation-wrapper {
  margin-bottom: 20px;
}
.hp-testimonials .posts-list {
  margin: 0;
  margin-bottom: 60px;
}
.hp-testimonials .posts-list li.slick-slide {
  padding-right: 15px;
}
.hp-testimonials .posts-list li.slick-slide.slick-active:last-child {
  padding-right: 0;
}
.hp-testimonials .button {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 769px) {
  .hp-testimonials {
    padding: 80px 0;
  }
  .hp-testimonials .container > h2 {
    margin-bottom: 30px;
  }
  .testimonials-slider {
    display: flex;
    flex-direction: column-reverse;
  }
  .hp-testimonials .custom-navigation-wrapper {
    justify-content: center;
    margin-bottom: 50px;
  }
  .hp-testimonials .posts-list li.slick-slide {
    padding: 0;
  }
}
/* End  Testimonials */
/* Start  Contact */
.hp-contact {
  position: relative;
  padding: 80px 0;
}
.hp-contact::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/Background-Pattern.png);
  background-size: 80%;
  background-repeat: repeat;
  z-index: 1;
  opacity: 0.05;
}
.hp-contact::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--light-pink);
  opacity: 1;
}
.hp-contact img.img-abs {
  opacity: 0.1;
  z-index: 2;
}
.hp-contact .container {
  max-width: 1100px;
  z-index: 3;
}
.hp-contact .contact-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--light-cream);
  border-radius: 10px;
  padding: 50px 220px;
}
.hp-contact .contact-form h2 {
  color: var(--light-purple);
  margin-bottom: 40px;
}
.hp-contact .contact-form .form-wrapper {
  margin-bottom: 20px;
}
.hp-contact .contact-form .form-wrapper .form-row:first-of-type {
  justify-content: space-between;
  padding-right: 15px;
}
.hp-contact .contact-form .form-wrapper textarea {
  height: 130px;
}
.hp-contact .contact-form .form-checkbox {
  margin-bottom: 30px;
}
@media only screen and (max-width:1024px){
  .hp-contact .contact-form {
    padding: 50px 0;
  }
  .hp-contact .contact-form .form-wrapper .form-row:first-of-type {
    padding: 0;
    margin-bottom: 20px;
  }
  .hp-contact .contact-form .form-wrapper .form-row:last-of-type {
    padding: 0;
  }
  .hp-contact .contact-form .flex-item.item50:last-of-type{
    padding-left: 0;
  }
}
@media only screen and (max-width: 769px) {
  .hp-contact::before {
    background-size: 100%;
    background-position: center center;
  }
  .hp-contact .container {
    padding: 0;
  }
  .hp-contact .contact-form {
    padding: 40px 15px;
  }
  .hp-contact .contact-form h2 {
    text-align: center;
  }
}
/* End Contact Screen */
/* Start Newsletter Screen */
.hp-newsletter {
  position: relative;
  background-color: var(--light-cream);
  padding: 24px 0;
}
.hp-newsletter svg.envelope-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 63%;
  height: 100%;
  object-fit: cover;
}
.hp-newsletter .container {
  align-items: center;
}
.hp-newsletter .info h4 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--light-purple);
  margin-bottom: 10px;
}
.hp-newsletter .info {
  width: 100%;
  max-width: 35%;
}
.hp-newsletter .info p {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
}
.hp-newsletter form.wpcf7-form {
  display: flex;
  align-items: center;
  gap: 30px;
}
.hp-newsletter .form-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
.hp-newsletter .btn-wrapper {
  margin-bottom: 20px;
}
.hp-newsletter .input-field {
  background-color: var(--light-cream);
}
@media only screen and (max-width: 821px) {
  .hp-newsletter form.wpcf7-form,
  .hp-newsletter .form-row{
    flex-direction: column;
  }
  .hp-newsletter .info {
    max-width: 100%;
    text-align: center;
  }
  .hp-newsletter .form-group {
    width: 100%;
  }
}
@media only screen and (max-width: 769px) {
  .hp-newsletter {
    padding: 90px 0 50px;
  }
  .hp-newsletter svg.envelope-bg {
    top: -154px;
    left: -670px;
    width: 420%;
    height: 100%;
  }
  .hp-newsletter .info {
    max-width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  .hp-newsletter .info p {
    font-size: 13px;
  }
}
/* End Newsletter Screen */
/* Start Partners Screen */
.hp-partners {
  padding: 120px 0;
}
.hp-partners h2 {
  margin-bottom: 60px;
}
.hp-partners .partners-tabs {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 40px;
}
.hp-partners .partners-slider-wrapper {
  position: relative;
}
.hp-partners .partners-slider {
  max-width: calc(100% - 100px);
  margin: 0 auto;
}
.partners-slider ul.partners {
  margin: 0 30px;
}
.partners-slider ul li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  min-height: 150px;
  align-content: center;
  margin: 0 40px;
}
.slide-wrapper {
  display: inline-block;

}
.slide-wrapper img {
  display: block;
  vertical-align: middle;
}
.hp-partners .partners-slider-wrapper .slick-prev {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.hp-partners .partners-slider-wrapper .slick-next {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media only screen and (max-width: 769px) {
  .hp-partners {
    padding: 80px 0;
  }
  .hp-partners h2 {
    text-align: center;
    margin-bottom: 40px;
  }
  .hp-partners .partners-tabs {
    justify-content: center;
    margin-bottom: 30px;
  }
  .hp-partners .partners-tabs .btn {
    font-size: 12px;
    padding: 10px 20px;
  }
  .partners-slider ul li {
    margin: 0;
  }
}
/* End Partners Screen */
/* END Homepage */

/* START About Page */
  /* Start About Hero */
.about-page .hero .info {
  width: 100%;
  max-width: 500px;
}
  /* End About Hero */
  /* Start Mission Screen */
.mission-section {
  padding: 60px 0;
}
.mission-section .container {
  background: var(--light-cream);
  border-radius: 10px;
}
.mission-section h2 {
  color: var(--light-purple);
}
.mission-section .info-container {
  width: 100%;
  max-width: 850px;
  margin: auto;
  text-align: center;
  padding: 100px 0;
}
.mission-section .info-container strong {
  font-weight: 500;
}
@media only screen and (max-width: 600px) {
  .mission-section {
    padding: 0;
  }
  .mission-section .info-container {
    text-align: start;
  }
}
  /* End Mission Screen */
  /* Start About Screen */
.about-section {
  padding: 60px 0 120px;
}
.about-section .container {
  gap: 30px;
}
.about-section .container .flex-item {
  padding-left: 60px;
  padding-right: 60px;
}
.about-section img {
  margin-bottom: 50px;
}
.about-section .info {
  margin-bottom: 40px;
}
.about-section .info h3 {
  color: var(--light-purple);
  margin-bottom: 20px;
}
.about-section .reusesc-container .info h3:first-of-type {
  margin-bottom: 5px;
}
.about-section .reusesc-container .info h3:nth-of-type(2) {
  font-weight: 400;
  color: var(--light-pink);
}
.about-section .group-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.about-section .btn {
  margin-bottom: 40px;
}
.about-section .aleg-partners a {
  font-weight: 400;
}
@media only screen and (max-width: 769px) {
  .about-section .container {
    gap: 120px;
  }
  .about-section .container .flex-item {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .about-section .group-buttons {
    align-items: center;
    justify-content: start;
  }
  .about-section .group-buttons .btn {
    width: fit-content;
    margin-bottom: 0;
  }
  .about-section .info,
  .about-section .aleg-partners p{
    text-align: start;
  }
}
@media only screen and (max-width: 600px) {
  .about-section {
    padding: 60px 0;
  }
}
  /* End About Screen */
.history-section {
  position: relative;
  background-image: url('../img/About-History-Background.png');
  background-size: 50%;
  background-position: center center;
  background-repeat:repeat;
  padding: 120px 80px;
}
.history-section::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--light-cream);
  opacity: .7;
}
.history-section .container {
  max-width: 825px;
  text-align: center;
  z-index: 1;
}
.history-section h2 {
  margin-bottom: 85px;
}
.history-section .timeline h3.year {
  position: relative;
  display: inline-block;
  padding: 20px 52px;
  margin: 15px auto;
}
.history-section .timeline h3.year::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--black-purple);
  border-radius: 3px;
}
.history-section .timeline h3.year::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--black-purple);
  border-radius: 3px;
}
.history-section .timeline .months {
  position: relative;
  gap: 80px;
  padding: 80px 0;
}
.history-section .timeline .months::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 100%;
  background-color: var(--black-purple);
  border-radius: 3px;
}
.history-section .timeline .months .month {
  justify-content: space-between;
  width: 100%;
  max-width: 95%;
}
.history-section .timeline:nth-child(odd) .month:nth-child(even) {
  flex-direction: row-reverse;
}
.history-section .timeline:nth-child(odd) .month:nth-child(odd) {
  align-self: flex-end;
}
.history-section .timeline:nth-child(even) .month:nth-child(odd){
  flex-direction: row-reverse;
}
.history-section .timeline:nth-child(even) .month:nth-child(even){
  align-self: flex-end;
}
.history-section .timeline .months figure {
  width: 100%;
  max-width: 300px;
  height: 200px;
  border-radius: 12px;
  border: 2px solid var(--light-purple);
}
.history-section .timeline .months figure img {
  border-radius: 10px;
}
.history-section .timeline .months figure,
.history-section .timeline .months .video-wrapper,
.history-section .timeline .months .month-info {
  transition: all 1s ease-in-out;
  opacity: 0;
}
.history-section .timeline .months .video-wrapper {
  width: 100%;
  max-width: 300px;
  height: 200px;
}
.history-section .timeline .months .video-wrapper lite-youtube {
  border: 2px solid var(--light-purple);
}
.history-section .timeline .months .video-wrapper lite-youtube > .lty-playbtn {
  width: 100px;
  height: 100px;
}
.history-section .timeline .months .video-wrapper lite-youtube > .lty-playbtn::after {
  width: 42px;
  height: 44px;
}
.history-section .timeline:nth-child(odd) .month:nth-child(odd) figure,
.history-section .timeline:nth-child(even) .month:nth-child(odd) figure,
.history-section .timeline:nth-child(even) .month:nth-child(even) .video-wrapper,
.history-section .timeline:nth-child(odd) .month:nth-child(odd) .video-wrapper,
.history-section .timeline:nth-child(odd) .month:nth-child(even) .month-info,
.history-section .timeline:nth-child(even) .month:nth-child(odd) .month-info {
  transform: translateX(-300px);
}
.history-section .timeline:nth-child(even) .month:nth-child(odd) figure,
.history-section .timeline:nth-child(odd) .month:nth-child(even) figure,
.history-section .timeline:nth-child(even) .month:nth-child(odd) .video-wrapper,
.history-section .timeline:nth-child(even) .month:nth-child(odd) .video-wrapper,
.history-section .timeline:nth-child(even) .month:nth-child(even) .month-info,
.history-section .timeline:nth-child(odd) .month:nth-child(odd) .month-info {
  transform: translateX(300px);
}
.history-section .timeline .months .month.in-view figure,
.history-section .timeline .months .month.in-view .video-wrapper,
.history-section .timeline .months .month.in-view .month-info {
  transform: translateX(0);
  opacity: 1;
}
.history-section .timeline .months .month-info {
  width: 100%;
  max-width: 50%;
  padding: 0 15px;
}
.history-section .timeline:nth-child(even) .month:nth-child(even) .month-info {
  padding-right: 0;
}
.history-section .timeline:nth-child(even) .month:nth-child(odd) .month-info {
  padding-left: 0;
}
.history-section .timeline:nth-child(odd) .month:nth-child(odd) .month-info {
  padding-right: 0;
}
.history-section .timeline:nth-child(odd) .month:nth-child(even) .month-info {
  padding-left: 0;
}
.history-section .timeline .months .month-info .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 30px;
}
.history-section .timeline .months .month-info h3 {
  color: var(--light-purple);
}
.history-section .timeline .months .month-info .info {
  margin-bottom: 20px;
}
@media only screen and (min-width: 680px) and (max-width: 1100px) {
  .history-section {
    padding: 120px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .history-section .timeline .month {
    flex-direction: row;
  }
}
@media only screen and (max-width: 600px) {
  .history-section {
    padding: 80px 0;
  }
  .history-section .timeline .months {
    align-items: center;
  }
  .history-section .timeline .months::after {
    display: none;
  }
  .history-section .timeline .months .month {
    flex-direction: column;
    max-width: 100%;
  }
  .history-section .timeline .months figure {
    flex: auto;
  }
  .history-section .timeline .months .month-info {
    max-width: 100%;
    padding: 0;
  }
  .history-section .timeline .months .month-info .inner {
    padding: 0;
  }
  .history-section .timeline:nth-child(odd) .month:nth-child(even),
  .history-section .timeline:nth-child(even) .month:nth-child(odd),
  .history-section .timeline:nth-child(odd) .month:nth-child(odd),
  .history-section .timeline:nth-child(even) .month:nth-child(even) {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
}
  /* End History Screen */
/* END About Page */

/* START Sprijin Pentru Tine Page */
  /* Start Healthy Relationship Screen */
.healthy-relationship {
  padding: 60px 0;
}
.healthy-relationship .container {
  background-color: var(--light-cream);
  border-radius: 10px;
}
.healthy-relationship .info-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 850px;
  text-align: center;
  padding: 100px 0;
  margin: 0 auto;
}
.healthy-relationship .info-container h2 {
  color: var(--light-purple);
}
.healthy-relationship .info-container .info {
  margin-bottom: 30px;
}
@media only screen and (max-width: 769px) {
  .healthy-relationship {
    padding: 0;
  }
  .healthy-relationship .container {
    border-radius: 0;
  }
  .healthy-relationship .info-container {
    text-align: start;
    align-items: start;
    padding: 50px 0;
  }
}
  /* End Healthy Relationship Screen */
  /* Start Bad Relationship Signs Screen */
.bad-signs-section {
  padding: 60px 0;
}
.bad-signs-section .headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 630px;
  text-align: center;
  margin: 0 auto 100px;
}
.bad-signs-section .headline h2 {
  margin-bottom: 40px;
}
.bad-signs-section .headline .info {
  margin-bottom: 20px;
}
.bad-signs-section ul.bad-signs {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin: 0;
}
.bad-signs-section ul.bad-signs li {
  width: 100%;
  min-width: 250px;
  min-height: 451px;
  padding: 0;
  border: 2px solid var(--light-pink);
  border-radius: 10px;
}
.bad-signs-section ul.bad-signs li .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  text-align: center;
  gap: 30px;
  padding: 30px;
}
.bad-signs-section ul.bad-signs li .inner figure {
  position: relative;
  width: 100%;
  max-width: 237px;
  height: 170px;
}
.bad-signs-section ul.bad-signs li .inner figure img {
  object-fit: contain;
}
.bad-signs-section ul.bad-signs li .inner h5 {
  margin-bottom: 15px;
}
@media only screen and (max-width: 769px) {
  .bad-signs-section .headline {
    margin: 0 auto 50px;
  }
  .bad-signs-section ul.bad-signs li {
    min-height: auto;
  }
}
  /* End Bad Relationship Signs Screen */
  /* Start What to do Screen */
.what-to-do {
  padding: 120px 0 60px;
}
.what-to-do h2 {
  margin-bottom: 60px;
}
.what-to-do .info-container {
  justify-content: space-between;
  align-items: center;
}
.what-to-do .info-container .main-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 630px;
  background-color: var(--light-purple);
  color: var(--light-cream);
  padding: 60px;
  border-radius: 10px;
}
.what-to-do .info-container .main-info h3 {
  margin-bottom: 40px;
}
.what-to-do .info-container .main-info .big-paragraph {
  font-weight: 500;
  margin-bottom: 10px;
}
.what-to-do .info-container .main-info .info a {
  font-weight: 600;
  color: var(--light-cream);
}
.what-to-do .info-container .main-info .btn {
  color: var(--light-cream);
  border-color: var(--light-cream);
  margin-top: 60px;
}
.what-to-do .info-container .main-info .btn:hover {
  background-color: var(--light-cream);
  color: var(--light-purple);
  border-color: var(--light-purple);
}
.what-to-do .info-container .second-info {
  width: 100%;
  max-width: 660px;
  text-align: center;
  margin: 0;
  list-style: none;
  padding: 0 75px;
}
.what-to-do .info-container .second-info img {
  margin-bottom: 30px;
}
.what-to-do .info-container .second-info h5 {
  color: var(--light-purple);
  margin-bottom: 15px;
}
.what-to-do .info-container .second-info .info {
  margin-bottom: 30px;
}
.what-to-do .info-container .second-info li:last-of-type .info {
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .what-to-do .info-container {
    gap: 60px;
  }
}
@media only screen and (max-width: 769px) {
  .what-to-do {
    padding: 20px 0 60px;
  }
  .what-to-do .container {
    padding: 0;
  }
  .what-to-do h2 {
    text-align: start;
    padding: 0 15px;
  }
  .what-to-do .info-container .main-info {
    text-align: start;
    padding: 40px 15px;
    margin-bottom: 50px;
    align-items: start;
  }
  .what-to-do .info-container .main-info h3 {
    text-align: start;
  }
  .what-to-do .info-container .second-info {
    text-align: start;
    padding: 0 15px;
  }
}
  /* End What to do Screen */

  /* Start Trio General Section (Available for a 3 item section like the next 3 sections below) */
.trio .container {
  display: flex;
  gap: 60px;
}
.trio .title-container {
  width: 100%;
  max-width: 410px;
}
.trio .title-container .btn {
  margin-bottom: 60px;
}
.trio .title-container figure {
    position: relative;
    width: 100%;
    max-width: 324px;
    height: 168px;
}
.trio .info-container {
  display: flex;
  gap: 90px;
}
.trio .info {
  width: 100%;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .trio .container {
    flex-wrap: wrap;
    gap: 20px;
  }
  .trio .title-container {
    text-align: start;
    align-items: start;
  }
  .what-to-know h2 {
    text-align: center;
  }
  .trio .info-container {
    text-align: center;
  }
}
@media only screen and (max-width: 769px) {
  .trio .container {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }
  .trio .title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
@media only screen and (max-width: 600px) {
  .trio .info-container {
    flex-direction: column;
    gap: 30px;
  }
}
  /* End Trio General Section */

  /* Start What to know screen */
.what-to-know {
  position: relative;
  background-image: url('../img/Background-Pattern-Support.png');
  background-size: 50%;
  background-position: center center;
  background-repeat: repeat;
  padding: 80px 0;
}
.what-to-know::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--light-cream);
  opacity: .7;
}
.what-to-know h2 {
  color: var(--light-purple);
  padding-top: 40px;
}
.what-to-know .info-container .info img {
  margin-bottom: 30px;
}
.what-to-know .info-container .info h5 {
  margin-bottom: 20px;
}
.what-to-know .info-container .info p {
  margin-bottom: 40px;
}
@media only screen and (max-width: 769px) {
  .what-to-know {
    background-size: 100%;
    padding: 40px 0 60px;
  }
  .what-to-know .info-container .info h5 {
    margin-bottom: 10px;
  }
}
  /* End What to know screen */
  /* Start What to do After screen */
.what-to-do-after {
  background-color: var(--light-pink);
  padding: 120px 0;
}
.what-to-do-after .info strong {
  font-weight: 500;
}
@media only screen and (max-width: 769px) {
  .what-to-do-after {
    padding: 60px 0;
  }
  .what-to-do-after .info {
    text-align: start;
  }
}
  /* End What to do After screen */
  /* Start Protection Order screen */
.protection-order {
  position: relative;
  background-image: url('../img/Background-Pattern-Support.png');
  background-size: 70%;
  background-repeat: repeat;
  padding: 120px 0;
}
.protection-order::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--light-cream);
  opacity: .7;
}
.protection-order h2 {
  color: var(--light-purple);
  margin-bottom: 20px;
}
.protection-order .btn {
  margin-top: 40px;
}
@media only screen and (max-width: 769px) {
  .protection-order {
    background-size: 100%;
    padding: 60px 0;
  }
  .protection-order h2 {
    text-align: center;
  }
  .protection-order.trio .info-container {
    text-align: center;
    gap: 60px;
  }
}
  /* End Protection Order screen */
  /* Start Specialized Services screen */
.specialized-services {
  padding: 120px 0;
}
.specialized-services .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 120px;
}
.specialized-services h2 {
  width: 100%;
  max-width: 850px;
  text-align: center;
  color: var(--light-purple);
  margin: 0 auto;
}
.specialized-services.purple h2 {
  color: var(--light-cream);
}
.specialized-services ul {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.specialized-services ul li {
  flex: 1;
  align-items: center;
  gap: 50px;
  width: 100%;
  max-width: 410px;
  text-align: center;
  padding: 0 40px;
}
.specialized-services ul li .info-container {
  align-items: center;
}
.specialized-services ul li .info-container h5 {
  margin-bottom: 15px;
}
.specialized-services ul li .info-container .info {
  margin-bottom: 40px;
}
@media only screen and (max-width: 769px) {
  .specialized-services {
    padding: 60px 0;
  }
  .specialized-services h2 {
    text-align: center;
    margin-bottom: -30px;
  }
  .specialized-services ul {
    flex-direction: column;
    gap: 60px;
  }
  .specialized-services ul .btn {
    margin-top: 20px;
  }
  .specialized-services ul li {
    padding: 0;
  }
  .specialized-services ul li .info-container .info {
    margin: 0;
  }
}
  /* End Specialized Services screen */
/* END Sprijin Pentru Tine Page */
/* START Resurse Specialisti Page */
  /* Start How can ALEG help */
@media only screen and (max-width: 769px) {
  .specialist-resources-page .what-to-do {
    padding: 80px 0;
  }
  .specialist-resources-page .what-to-do .info-container {
    gap: 20px;
  }
  .specialist-resources-page .what-to-do-after .info-container {
    gap: 0;
  }
  .specialist-resources-page .what-to-do-after .info-container p:last-of-type {
    margin: 0;
  }
}

  /* Start Victims Protection screen */
.victims-protection {
  background-color: var(--light-pink);
  padding: 120px 0;
}
.victims-protection .info-container.list ul:last-of-type {
  margin-bottom: 30px;
}
.victims-protection .info-container.list ul li:last-of-type {
  margin-bottom: 10px;
}
.victims-protection .info strong {
  font-weight: 500;
}
.info-container.list ul {
  width: 100%;
  max-width: 100%; 
  text-align: start;
}
.victims-protection .info-container.list ul {
  max-width: 100%;
}
.info-container.list ul strong {
  font-weight: 500;
}
.info-container.list ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.info-container.list ul li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: -5px;
  background-image: url('../img/List-bullet.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 15px;
}
.info-container.list ul li:last-of-type {
  margin-bottom: 40px;
}
.info-container.list ul li::marker {
  color: transparent;
}
.victims-protection .info-container h5 {
  position: relative;
  font-size: 18px;
  padding-left: 53px;
}
.victims-protection .info-container h5::before {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  width: 51px;
  height: 90px;
  background-image: url('../img/Exclamation.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 769px) {
  .victims-protection {
    padding: 60px 0;
  }
  .victims-protection h2 {
    margin-bottom: 20px;
  }
    .victims-protection h4 {
      margin: 0;
    }
  .victims-protection .info-container {
    gap: 0;
  }
  .victims-protection .info-container.list ul:last-of-type {
    margin: 0;
  }
  .victims-protection .info-container h5 {
    text-align: start;
    margin-top: 40px;
  }

}
@media only screen and (max-width: 769px) {
  .victims-protection .info-container.list ul {
    max-width: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .info-container.list ul {
    max-width: 100%;
  }
}
  /* End Victims Protection screen */
  /* Start Violence Cycle screen */
.violence-cycle {
  padding: 120px 0 60px;
}
.violence-cycle .container {
  justify-content: space-between;
}
.violence-cycle .title-container {
  width: 100%;
  max-width: 410px;
}
.violence-cycle .title-container p.info {
  margin-bottom: 15px;
}
.violence-cycle .title-container ul {
  margin-bottom: 40px;
}
.violence-cycle .title-container ul li {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--light-purple);
  margin-bottom: 5px;
}
.violence-cycle figure {
  position: relative;
  width: 100%;
  max-width: 740px;
  height: 569px;
}
@media only screen and (max-width: 769px) {
  .violence-cycle {
    padding: 60px 0;
  }
  .violence-cycle .title-container {
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: start;
    margin-bottom: 30px;
  }
  .violence-cycle .title-container ul {
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: start;
  }
  .violence-cycle figure.flex-item.item50 {
    flex: auto;
    height: 300px;
  }
  .violence-cycle figure img {
    object-fit: contain;
  }
}
  /* End Violence Cycle screen */
  /* Start Other reasosns to stay screen */
.other-reasons-to-stay {
  padding: 20px 0 120px;
}
.other-reasons-to-stay .container {
  gap: 80px;
}
.other-reasons-to-stay h2 {
  text-align: center;
  margin: 0 auto;
}
.other-reasons-to-stay ul {
  width: 100%;
  max-width: 30%;
}
.other-reasons-to-stay .big-paragraph {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.other-reasons-to-stay ul {
  display: flex;
  flex-direction: column;
}
.other-reasons-to-stay li {
  width: 100%;
  max-width: 380px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 769px) {
  .specialist-resources-page .other-reasons-to-stay {
    padding: 60px 0 120px;
  }
  .other-reasons-to-stay h2 {
    text-align: start;
  }
  .other-reasons-to-stay ul {
    margin-bottom: 0;
  }
  .other-reasons-to-stay ul::last-of-type {
    margin-bottom: 0;
  }
}
  /* End Other reasons to stay screen */
  /* Start Protection Plan screen */
.specialist-resources-page .what-to-do-after .info-container p {
  margin-bottom: 30px;
}
  /* End Protection Plan screen */
  /* Start How to Handle a Victim screen */
.specialist-resources-page .specialized-services .btn {
  margin-top: 25px;
}
  /* End How to Handle a Victim screen */
/* END Resurse Specialisti Page */

/* START Testimonials Page */
.posts-listing {
  padding: 80px 0 80px;
}
.posts-listing ul.posts-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: stretch;
  gap: 30px;
}
.posts-listing ul.posts-list li {
  width: 100%;
  max-width: 410px;
  flex: 1 1 45%;
}
@media only screen and (max-width: 1025px) {
  .posts-listing ul.posts-list {
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 1025px) {
  .posts-listing ul.posts-list {
    flex-direction: row;
  }
}
@media only screen and (max-width: 769px) {
  .posts-listing {
    padding: 40px 0 60px;
  }
}
/* END Testimonials Page */
/* START Testimonial Single */
.testimonial-section {
  padding: 80px 0 40px;
}
.testimonial-section .main-content {
  align-items: start;
}
.testimonial-section .content-area {
  margin-bottom: 80px;
}
.testimonial-section .content-footer {
  gap: 10px;
}
.testimonial-section .content-footer .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  gap: 10px;
}
.testimonial-section .content-footer .links a {
  position: relative;
  font-family: 'Noto Serif', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-decoration: underline;
}
.testimonial-section .content-footer .links a:hover {
  background: var(--purple-pink-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration-color: var(--bright-purple);
}
.testimonial-section .content-footer .links span {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  color: var(--light-pink);
}
.testimonial-section .donate-form-wrapper {
  display: flex;
  justify-content: end;
  height: fit-content;
}
@media only screen and (min-width: 768px) and (max-width: 1025px) {
  .testimonial-section .donate-form-wrapper {
    justify-content: center;
  }
}
@media only screen and (max-width: 769px) {
  .testimonial-section .container > h2 {
    text-align: start;
  }
  .testimonial-section .donate-form-wrapper {
    width: calc(100% + 30px);
    padding: 0;
    margin: 0 -15px;
  }
  .testimonial-section .donate-form-wrapper .donate-form-container {
    padding: 50px 15px 30px;
  }
  .testimonial-section .content-footer h5 {
    margin: 0;
  }
}
/* END Testimonial Single */

/* START Add Story Page */
  /* Start Info Screen */
section.add-story-info {
  padding: 60px 0;
}
section.add-story-info .info-container {
  width: 100%;
  max-width: 630px;
}
section.add-story-info .info-container strong {
  font-weight: 500;
}
section.add-story-info .info-container ul {
  margin: 5px 0 10px 27px;
}
section.add-story-info .info-container ul li {
  list-style: disc;
}
  /* End Info Screen */
  /* Start Add Story Form Screen */
.add-story-section {
  background-color: var(--light-cream);
  padding: 80px 0;
}
.add-story-section .add-story-form {
  align-items: center;
  gap: 80px;
}
.add-story-section .add-story-form > div.flex-row {
  gap: 30px;
}
.add-story-section .add-story-form h5 {
  color: var(--light-purple);
  margin-bottom: 5px;
}
.add-story-section .add-story-form .first.flex-item p:first-of-type {
  margin-bottom: 30px;
}
.add-story-section .add-story-form .first.flex-item textarea {
  min-height: 240px;
}
.add-story-section .add-story-form .first.flex-item,
.add-story-section .add-story-form .last.flex-item {
  padding: 0;
}
.add-story-section .add-story-form .last.flex-item > p {
  margin-bottom: 20px;
}
.add-story-section .add-story-form .last.flex-item > p strong {
  white-space: pre;
}
.add-story-section .add-story-form .last.flex-item .add-story-inputs {
  margin-bottom: 20px;
}
.add-story-section .add-story-form .last.flex-item .add-story-inputs p {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px;
}
.add-story-section .add-story-form .last.flex-item .add-story-inputs p label.flex-item {
  display: inline-block;
  padding: 10px 15px 0;
  max-width: 50%;
}
@media only screen and (max-width: 769px) {
  .add-story-section {
    padding: 40px 0 60px;
  }
}
@media only screen and (min-width: 769px) {
  .add-story-section .add-story-form .last.flex-item .add-story-inputs p label.last-name {
    order: 1;
  }
  .add-story-section .add-story-form .last.flex-item .add-story-inputs p label.first-name {
    order: 3;
  }
  .add-story-section .add-story-form .last.flex-item .add-story-inputs p label.address {
    order: 4;
  }
  .add-story-section .add-story-form .last.flex-item .add-story-inputs p label.phone {
    order: 2;
  }
  .add-story-section .add-story-form .last.flex-item .add-story-inputs p label.email {
    order: 5;
  }
}
@media only screen and (max-width: 768px) {
  .add-story-section .add-story-form .last.flex-item .add-story-inputs p {
    flex-direction: column;
  }
  .add-story-section .add-story-form .last.flex-item .add-story-inputs p label.flex-item {
    max-width: 100%;
  }
}
  /* End Add Story Form Screen */
/* END Add Story Page */

/* START Podcasts Page */
  /* Start Single Podcast */
.podcast-second-screen {
  color: var(--light-cream);
  background: var(--purple-pink-gradient);
  padding: 60px 0;
}
.podcast-second-screen .wrapper {
  width: 100%;
  max-width: 630px;
}
.podcast-second-screen .wrapper h5.episode {
  margin-bottom: 5px;
}
.podcast-second-screen .wrapper h2 {
  margin-bottom: 60px;
}
.podcast-second-screen .wrapper iframe {
  aspect-ratio: auto;
  margin: 0;
}
@media only screen and (max-width: 769px) {
  .podcast-second-screen .wrapper h2 {
    margin-bottom: 20px;
  }
}

.podcast-content {
  padding: 60px 0 80px;
}
.podcast-content .container {
  justify-content: space-between;
}
.podcast-content .content-container {
  width: 100%;
  max-width: 630px;
  margin-bottom: 40px;
}
.podcast-content .content-container .content {
  margin-bottom: 20px;
}
.podcast-content .content-container .content-credits {
  font-size: 12px;
  margin-bottom: 60px;
}
.podcast-content .right {
  align-items: center;
  gap: 30px;
}
.podcast-content .right .participate-to-program {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 520px;
  text-align: center;
  background-color: var(--light-pink);
  padding: 50px 45px;
  border-radius: 10px;
}
.podcast-content .right .participate-to-program h5 {
  margin-bottom: 15px;
}
.podcast-content .right .participate-to-program > p {
  margin-bottom: 40px;
}
.podcast-content .right .participate-to-program .btn {
  color: var(--black-purple);
  border-color: var(--black-purple);
}
.podcast-content .right .participate-to-program .btn:hover {
  background-color: var(--black-purple);
  color: var(--light-cream);
}
.similar.posts-listing {
  padding: 0 0 120px 0;
}
.similar.posts-listing .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.similar.posts-listing h3 {
  align-self: flex-start;
  color: var(--light-purple);
  margin-bottom: 60px;
}
.similar.posts-listing .btn {
  margin-top: 60px;
}
@media only screen and (max-width: 769px) {
  .podcast-content .container {
    align-items: center;
  }
}
  /* End Single Podcast */
/* END Podcasts Page */

/* START Blog Page */
  /* Start Single Blog */
.content-header,
.content-body,
.content-footer {
  margin-bottom: 60px;
}
.content-header .info,
.content-body .info,
.content-footer .info {
  width: 100%;
  max-width: 850px;
  padding: 40px 0 0;
}
.content-header {
  padding-top: 60px;
}
.content-header p {
  margin-bottom: 20px;
}
.content-body h4 {
  font-weight: 600;
  margin-bottom: 15px;
}
.content-body .info strong {
  color: var(--light-purple);
}
.content-footer .highlight {
  background-color: var(--light-purple);
  color: var(--light-cream);
  padding: 45px;
  border-radius: 10px;
  margin-bottom: 40px;
}
.content-footer .highlight a {
  color: var(--light-cream);
}
.content-footer .credits {
  margin-bottom: 80px;
}
.content-footer .credits p {
  font-size: 12px;
}
@media only screen and (max-width: 769px) {
  .content-footer .container {
    padding: 0;
  }
  .content-footer .highlight {
    padding: 45px 15px;
  }
  .content-footer .credits {
    padding: 0 15px;
  }
  .content-footer .content-share {
    padding: 0 15px;
  }
}
  /* End Single Blog */
/* END Blog Page */

/* START Donate Page */
  /* Start Donate Screen */
.donate-page .hp-second-screen {
  padding: 114px 0;
}
.donate-page .hp-second-screen svg.heart-vector {
  display: none;
}
.donate-page .hp-second-screen .container {
  gap: 10px;
}
.donate-page .hp-second-screen .container > .flex-item.item60 {
  justify-content: end;
}
.donate-page .hp-second-screen .container > .flex-item.item60 h2 {
  width: 100%;
  max-width: 50%;
  text-wrap-style: pretty;
}
.donate-page .hp-second-screen .info-container {
  width: 100%;
  max-width: 50%;
}
.donate-page .hp-second-screen .info-container .info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 520px;
}
.donate-page .hp-second-screen .info-container .info p {
  font-size: 20px;
}
.donate-page .hp-second-screen .info-container .info strong {
  font-weight: 600;
}
.donate-page .hp-donate-screen {
  padding: 90px 0;
}
.donate-page .hp-donate-screen .donate-form-container {
  top: -630px;
}
.donate-page .hp-donate-screen .info-container {
  width: 100%;
  max-width: 50%;
}
.donate-page .hp-donate-screen .info-container .info-wrapper {
  width: 100%;
  max-width: 520px;
}
.donate-page .hp-donate-screen .info-container .info-wrapper p {
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .donate-page .hp-donate-screen .donate-form-container {
    top: -120px;
  }
}
@media only screen and (max-width: 600px) {
  .donate-page .hp-second-screen .container > .flex-item.item60 h2,
  .donate-page .hp-second-screen .info-container,
  .donate-page .hp-donate-screen .info-container {
    max-width: 100%;
  }
}
  /* End Donate Screen */
/* END Donate Page */




/* Custom Form Styling */
.custom-form {
    max-width: 630px;
    margin: 0 auto;
    color: var(--light-purple);
}

/* Form Row: Align Fields */
.form-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

/* Checkbox Customization */
.form-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    align-self: start;
}

.form-checkbox input {
    transform: scale(1.2);
    accent-color: #5E589E;
}

/* Submit Button Styling */
.submit-button {
    display: block;
    margin: 20px auto 0;
    padding: 10px 20px;
    font-size: 18px;
    color: #5E589E;
    background: transparent;
    border: 2px solid #5E589E;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.submit-button:hover {
    background: #5E589E;
    color: white;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
    }
}
/* End  Contact */

/* END Homepage */