*, p, ol, ul {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-size: 13px;
  font-weight: 400;
  color: #3D3D3D;
  font-family: "stetica";
}

.container {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
  --bs-gutter-x: 0rem;
}
@media (max-width: 1200px) {
  .container {
    padding: 0 15px;
  }
}
@media (max-width: 576px) {
  .container {
    padding: 0 10px;
  }
}

@font-face {
  src: url(../fonts/DolomanPavljenko.otf);
  font-family: "Doloman";
  font-weight: 300;
}
@font-face {
  src: url(../fonts/AA\ Stetica\ Medium.otf);
  font-family: "Stetica";
  font-weight: 500;
}
@font-face {
  src: url(../fonts/AA\ Stetica\ Regular.otf);
  font-family: "Stetica";
  font-weight: 400;
}
@font-face {
  src: url(../fonts/DaysOne-Regular.ttf);
  font-family: "DaysOne";
  font-weight: 400;
}
.button {
  border-radius: 25px;
  background: #FD624C;
  padding: 15px 113px;
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
  cursor: pointer;
  border: none;
  text-decoration: none;
  transition: 0.3s all ease;
  width: fit-content;
  font-family: "Stetica";
  color: #fff;
  text-align: center;
}
.button:hover {
  background: #DB7562;
  box-shadow: 0px 0px 7px 1px rgba(253, 98, 76, 0.5);
}

.white_button, .blue_button {
  padding: 12px 25px;
  border-radius: 25px;
  border: 1px solid #DD7864;
  background: #FFF;
  font-size: 14px;
  font-weight: 400;
  font-family: "Stetica";
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s all ease;
  color: inherit;
}
.white_button:hover, .blue_button:hover {
  background: #FD624C;
  border-color: #FD624C;
  color: #fff;
}

.blue_button {
  background: #fff;
  color: inherit;
  border: 1px solid #0E43E4;
}
.blue_button:hover {
  background-color: #0E43E4;
}

header {
  background: #0F2A8E;
  padding: 17px 0 15px 0;
}
header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 980px) {
  header .container {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  header .container {
    justify-content: flex-start;
  }
}
header ul {
  list-style: none;
  display: flex;
  align-items: center;
}
@media (max-width: 980px) {
  header ul {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  header ul {
    width: fit-content;
    flex: 1;
  }
}
header ul li {
  margin-right: 20px;
  position: relative;
}
@media (max-width: 980px) {
  header ul li {
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  header ul li {
    display: none;
  }
}
header ul li:nth-child(4) {
  margin-right: 24px;
}
header ul li:nth-child(5) {
  margin-right: 24px;
}
@media (max-width: 768px) {
  header ul li:nth-child(5) {
    display: block;
  }
}
header ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-family: "Stetica";
}
header ul li .dropdown {
  max-height: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px 0;
  position: absolute;
  top: 35px;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  list-style: none;
  padding: 20px 10px;
  z-index: 1000;
  border-radius: 0px 20px 20px 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  box-shadow: 0px 0px 7px 1px rgba(61, 61, 61, 0.5);
  width: 234px;
  display: none;
}
header ul li .dropdown li {
  margin-right: 0;
}
header ul li .dropdown li a {
  text-decoration: none;
  color: #3D3D3D;
  font-size: 12px;
}
header ul li .dropdown li a:hover {
  color: #2A49A4;
}
header ul .has-dropdown.active .dropdown {
  max-height: fit-content;
  display: block;
}
header .private_cabin {
  text-decoration: none;
  font-size: 12px;
  font-family: "Stetica";
  padding: 10px 20px;
  border: 1px solid #fff;
  border-radius: 20px;
  color: #fff;
  transition: 0.3s all ease;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 768px) {
  header .private_cabin {
    margin-right: 20px;
  }
}
header .private_cabin:hover {
  background-color: #fff;
  color: #0F2A8E;
}
header .hamburger {
  display: none;
}
@media (max-width: 768px) {
  header .hamburger {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    cursor: pointer;
    transition: 0.3s all ease;
  }
  header .hamburger:hover {
    transform: scale(1.1);
  }
  header .hamburger img {
    width: 100%;
    height: 100%;
  }
}
header .hamburger_menu_wrapper {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
header .hamburger_menu_wrapper.active {
  opacity: 1;
  visibility: visible;
}
header .hamburger_menu_wrapper.active .menu {
  top: 0;
}
header .hamburger_menu_wrapper .menu {
  width: 100%;
  height: fit-content;
  position: absolute;
  top: -100%;
  right: 0;
  left: 0;
  height: 100%;
  transition: 0.3s all ease;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}
header .hamburger_menu_wrapper .menu .menu_header {
  padding: 15px;
  padding-bottom: 15px;
  background-color: #0F2A8E;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .hamburger_menu_wrapper .menu .menu_header .close {
  font-size: 45px;
  transform: rotate(45deg);
  color: #fff;
  cursor: pointer;
  transition: 0.3s all ease;
}
header .hamburger_menu_wrapper .menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #FFF;
  gap: 30px 0;
  width: 100%;
  padding-bottom: 50px;
  padding-top: 50px;
}
header .hamburger_menu_wrapper .menu ul li {
  display: block;
}
header .hamburger_menu_wrapper .menu ul li a {
  text-decoration: none;
  color: inherit;
  transition: 0.3s al ease;
}
header .hamburger_menu_wrapper .menu ul li a:hover {
  color: #2A49A4;
}

body.no-scroll {
  overflow: hidden;
}

.news_banner {
  background-color: #F68624;
  position: relative;
  background-image: url(../images/banner-bg.png);
  background-size: cover;
  background-position: center;
}
@media (max-width: 768px) {
  .news_banner {
    padding: 20px 0 0 0;
    display: flex;
    flex-direction: column-reverse;
  }
}
.news_banner .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media (max-width: 768) {
  .news_banner .container {
    flex-direction: column;
  }
}
.news_banner .naqsh {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .news_banner .people {
    position: unset;
    width: 350px;
    align-self: flex-end;
    z-index: 20;
    display: none;
  }
}
.news_banner .container {
  display: flex;
  align-items: center;
}
.news_banner .container h1 {
  font-size: 54px;
  font-weight: 400;
  font-family: "DaysOne";
  color: #fff;
  z-index: 10;
}
@media (max-width: 576px) {
  .news_banner .container h1 {
    font-size: 32px;
  }
}

.news .container {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .news .container {
    margin-top: 20px;
  }
}
.news .container .breadcumb {
  display: flex;
  gap: 0 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .news .container .breadcumb {
    margin-bottom: 20px;
  }
}
.news .container .breadcumb a {
  text-decoration: none;
  color: #717171;
  position: relative;
}
.news .container .breadcumb a::after {
  content: "/";
  position: absolute;
  right: -13px;
}
.news .container .breadcumb a:last-child {
  color: #F68624;
}
.news .container .breadcumb a:last-child::after {
  content: none;
}
.news .container form {
  display: flex;
  align-items: center;
  gap: 0 30px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .news .container form {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .news .container form {
    gap: 10px;
  }
}
@media (max-width: 350px) {
  .news .container form {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.news .container form button {
  height: 34px;
  padding: 10px 20px;
  border-radius: 20px;
  border: 1px solid #F68624;
  background: transparent;
  color: #F68624;
  font-size: 12px;
  line-height: 93.515%;
  font-family: "Stetica";
  cursor: pointer;
  transition: 0.3s all ease;
}

.news .container form button span{
  width: 12px;
  line-height: 12px;
  height: 12px;
}

.news .container form button span svg{
  width: 12px;
  line-height: 12px;
  height: 12px;
  color: #F68624;
}

.news .container form button:hover {
  background: #F68624;
  color: #fff;
}

.news .container form button:hover span svg{
  color: #fff;
}

.news .container .news_cards {
  display: flex;
  gap: 30px 30px;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .news .container .news_cards {
    gap: 10px 0;
  }
}
.news .container .news_cards .card {
  width: calc(33.3333% - 20px);
  padding: 10px 10px 30px 10px;
  border-radius: 10px;
  border: 1px solid #C3C3C3;
  background: #FFF;
}
@media (max-width: 900px) {
  .news .container .news_cards .card {
    width: calc(50% - 15px);
  }
}
@media (max-width: 768px) {
  .news .container .news_cards .card {
    width: 100%;
    padding: 5px 5px 20px 5px;
  }
}
.news .container .news_cards .card .image {
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .news .container .news_cards .card .image {
    margin-bottom: 10px;
  }
}
.news .container .news_cards .card .image img {
  width: 100%;
  height: 190px;
  border-radius: 10px;
  transition: 0.3s all ease;
  object-fit: cover;
}
.news .container .news_cards .card .image img:hover {
  transform: scale(1.1);
}
.news .container .news_cards .card span {
  font-size: 12px;
  color: #F68624;
  font-family: "Stetica";
  margin-bottom: 15px;
  display: block;
}
@media (max-width: 768px) {
  .news .container .news_cards .card span {
    margin-bottom: 10px;
    padding-left: 10px;
  }
}
.news .container .news_cards .card p {
  font-size: 20px;
  line-height: 93.515%;
  font-family: "DaysOne";
  margin-bottom: 30px;
}

.news .container .news_cards .card p a{
  color:#212522;
}

.news .container .news_cards .card p a:hover{
  opacity: 0.8;
}

@media (max-width: 576px) {
  .news .container .news_cards .card p {
    padding-left: 10px;
  }
}
.news .container .news_cards .card .date {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 576px) {
  .news .container .news_cards .card .date {
    padding-left: 10px;
  }
}
.news .container .news_cards .card .date .time {
  font-size: 12px;
  color: #9E9E9E;
  font-family: "Stetica";
  font-weight: 400;
}
.news .container .news_cards .card .date a {
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 30px;
  border: none;
  font-size: 12px;
  background-color: #F68624;
  color: #fff;
  transition: 0.3s all ease;
}
.news .container .news_cards .card .date a:hover {
  background: #F99A46;
  box-shadow: 0px 0px 7px 1px rgba(246, 134, 36, 0.5);
}
.news .container .view_all {
  margin: 0 auto;
  margin-top: 30px;
  padding: 20px 105px;
  text-decoration: none;
  background: #F68624;
  border-radius: 30px;
  color: #fff;
  font-family: "Stetica";
  transition: 0.3s all ease;
}
@media (max-width: 576px) {
  .news .container .view_all {
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }
}
.news .container .view_all:hover {
  background: #F99A46;
  box-shadow: 0px 0px 7px 1px rgba(246, 134, 36, 0.5);
}

.nice-select {
  border-radius: 10px;
  border: 1px solid #C3C3C3;
  height: 34px;
  display: flex;
  align-items: center;
  width: 160px;
}
.nice-select.open {
  border-color: #F68624;
}
.nice-select .current {
  color: #3D3D3D;
}
@media (max-width: 576px) {
  .nice-select .current {
    font-size: 12px;
  }
}
.nice-select::after {
  border-color: #717171;
  height: 7px;
  width: 7px;
}
.nice-select .list {
  //width: 100%;
  max-height: 200px;
  overflow-y: scroll;
  min-width: 100%;
}
.nice-select .list li {
  color: #3D3D3D;
}
@media (max-width: 576px) {
  .nice-select .list li {
    font-size: 12px;
  }
}

footer {
  background: #031E68;
  margin-top: 80px;
  padding-top: 41px;
}
@media (max-width: 576px) {
  footer {
    margin-top: 50px;
    padding-top: 20px;
  }
}
footer .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 30px;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 576px) {
  footer .container .contacts {
    width: 100%;
  }
}
footer .container .contacts .logo {
  display: flex;
  align-items: center;
  gap: 0 36px;
  margin-bottom: 36px;
}
footer .container .contacts .logo img:first-child {
  width: 211px;
  height: 42px;
}
footer .container .contacts .contact_information {
  display: flex;
  flex-direction: column;
  gap: 7px 0;
}
footer .container .contacts .contact_information a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #fff;
  gap: 0 11px;
  font-size: 14px;
  position: relative;
  padding-bottom: 5px;
  width: fit-content;
  transition: 0.3s all ease;
  font-family: "Stetica";
  font-weight: 400;
}
footer .container .contacts .contact_information a:hover {
  transform: scale(1.1);
}
footer .container .contacts .networks {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 0 15px;
}
footer .container .contacts .networks a {
  text-decoration: none;
  transition: 0.3s all ease;
  font-size: 14px;
}
footer .container .contacts .networks a:hover {
  transform: scale(1.1);
}
footer .container ul {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
@media (max-width: 576px) {
  footer .container ul {
    width: 100%;
    padding-left: 15px;
  }
}
footer .container ul li {
  transition: 0.3s all ease;
}
footer .container ul li:hover {
  transform: translateX(10px);
}
footer .container ul li::marker {
  color: #FF614C;
}
footer .container ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-family: "Stetica";
  font-weight: 400;
  font-size: 14px;
}
footer .container form {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
footer .container form h3 {
  font-size: 22.6px;
  color: #FFF;
  margin-bottom: 37px;
  font-family: "Stetica";
  font-weight: 500;
}
@media (max-width: 576px) {
  footer .container form h3 {
    margin-bottom: 20px;
    font-size: 15px;
  }
}
footer .container form input {
  font-size: 13px;
  color: #fff;
  padding: 12px 25px;
  border-radius: 25px;
  border: 1px solid #FF614C;
  background: none;
  margin-bottom: 10px;
  font-family: "Stetica";
  font-weight: 400;
}
footer .container form input:focus {
  outline: none;
}
footer .container form input::placeholder {
  color: #fff;
}
footer .container form button {
  font-size: 18px;
  color: #Fff;
  line-height: 93.515%;
  border-radius: 25px;
  background: #FF614C;
  width: fit-content;
  border: none;
  padding: 15px 25px;
  margin-top: 11px;
  transition: 0.3s all ease;
  cursor: pointer;
  align-self: flex-end;
  font-family: "Stetica";
  font-weight: 500;
  font-size: 16px;
}
@media (max-width: 576px) {
  footer .container form button {
    align-self: flex-start;
  }
}
footer .container form button:hover {
  background: #F99A46;
  box-shadow: 0px 0px 7px 1px rgba(246, 134, 36, 0.5);
}
footer .footer_bottom {
  background: #001B42;
  padding: 21px 0;
  border-top: 1px solid #fff;
}
footer .footer_bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0 !important;
  flex-wrap: nowrap;
}
footer .footer_bottom .container .date {
  color: #fff;
  font-family: "Stetica";
  font-weight: 500;
}
footer .footer_bottom .container .date span {
  font-size: 12.289px;
}
footer .footer_bottom .container .about p {
  color: #fff;
  font-size: 14px;
  font-family: "Stetica";
  font-weight: 400;
}
@media (max-width: 576px) {
  footer .footer_bottom .container .about p {
    font-size: 12px;
  }
}

.swiper-section {
  padding: 5px 0 400px 0;
}
@media (max-width: 768px) {
  .swiper-section {
    padding-bottom: 0;
    height: 100vh;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 80px;
    padding-bottom: 0;
  }
}
.swiper-section .swiper.mySwiper {
  width: 100%;
  margin: auto;
  margin-top: 100px;
  height: 450px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .swiper-section .swiper.mySwiper {
    margin-top: 0;
    height: 450px;
  }
}
.swiper-section .swiper.mySwiper .swiper-slide {
  width: 640px;
  height: 400px;
  border-radius: 35px;
  color: white;
  font-size: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 15px solid #E5E5DA;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 10px;
  overflow: visible;
  text-decoration: none;
}
@media (max-width: 768px) {
  .swiper-section .swiper.mySwiper .swiper-slide {
    border-width: 8px;
    padding-right: 10px;
  }
}
.swiper-section .swiper.mySwiper .swiper-slide h2 {
  font-family: "DaysOne";
  font-size: 42px;
  font-weight: 400;
}
@media (max-width: 980px) {
  .swiper-section .swiper.mySwiper .swiper-slide h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  .swiper-section .swiper.mySwiper .swiper-slide h2 {
    font-size: 32px;
  }
}
.swiper-section .swiper.mySwiper .slide-1 {
  background-image: url(../images/news_card-bg.png);
  background-size: cover;
}
.swiper-section .swiper.mySwiper .slide-1 img {
  align-self: flex-end;
  margin-right: -50px;
  height: 100%;
}
@media (max-width: 768px) {
  .swiper-section .swiper.mySwiper .slide-1 img {
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .swiper-section .swiper.mySwiper .slide-1 img {
    width: 330px;
    height: 280px;
    align-self: center;
  }
}
.swiper-section .swiper.mySwiper .slide-2 {
  background-image: url(../images/inteactive-bg.svg);
  background-size: cover;
  background-position: right;
}
@media (max-width: 576px) {
  .swiper-section .swiper.mySwiper .slide-2 h2 {
    font-size: 28px;
  }
}
.swiper-section .swiper.mySwiper .slide-2 img {
  align-self: flex-end;
  border-bottom-right-radius: 25px;
  margin-top: -15px;
}
.swiper-section .swiper.mySwiper .slide-3 {
  background-image: url(../images/support-bg.svg);
  background-size: cover;
}
@media (max-width: 576px) {
  .swiper-section .swiper.mySwiper .slide-3 {
    padding-bottom: 10px;
  }
}
.swiper-section .swiper.mySwiper .slide-3 h2 {
  color: #FFFFD6;
}
.swiper-section .swiper.mySwiper .slide-3 img {
  align-self: flex-end;
  margin-top: -20px;
}
@media (max-width: 576px) {
  .swiper-section .swiper.mySwiper .slide-3 img {
    width: 300px;
    margin-top: 0;
    align-self: center;
  }
}
.swiper-section .swiper.mySwiper .slide-4 {
  background-image: url(../images/svyaz-bg.svg);
  background-size: cover;
}
.swiper-section .swiper.mySwiper .slide-4 h2 {
  color: #FFFFD6;
  width: 60%;
}
.swiper-section .swiper.mySwiper .slide-4 img {
  align-self: flex-end;
  margin-top: -150px;
}
@media (max-width: 576px) {
  .swiper-section .swiper.mySwiper .slide-4 img {
    width: 300px;
    margin-top: 0;
    align-self: center;
  }
}
.swiper-section .swiper.mySwiper .slide-5 {
  background-image: url(../images/social-bg.svg);
  background-size: cover;
}
.swiper-section .swiper.mySwiper .slide-5 h2 {
  color: #FFFFD6;
  width: 60%;
}
.swiper-section .swiper.mySwiper .slide-5 img {
  align-self: flex-end;
  margin-top: -100px;
  margin-right: -100px;
}
@media (max-width: 768px) {
  .swiper-section .swiper.mySwiper .slide-5 img {
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .swiper-section .swiper.mySwiper .slide-5 img {
    width: 300px;
    margin-top: 0;
    align-self: center;
  }
}
.swiper-section .swiper.mySwiper .slide-6 {
  background-image: url(../images/team-bg.svg);
  background-size: cover;
  align-items: center;
  justify-content: space-between;
}
.swiper-section .swiper.mySwiper .slide-6 h2 {
  color: #FFFFD6;
  font-size: 38px;
}
@media (max-width: 980px) {
  .swiper-section .swiper.mySwiper .slide-6 h2 {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .swiper-section .swiper.mySwiper .slide-6 h2 {
    font-size: 32px;
  }
}
@media (max-width: 576px) {
  .swiper-section .swiper.mySwiper .slide-6 h2 {
    font-size: 22px;
  }
}
@media (max-width: 576px) {
  .swiper-section .swiper.mySwiper .slide-6 img {
    width: 350px;
    margin-top: 0;
    align-self: center;
  }
}
.swiper-section .swiper.mySwiper .slide-7 {
  background-image: url(../images/person-bg.svg);
  background-size: cover;
}
.swiper-section .swiper.mySwiper .slide-7 h2 {
  color: #FFFFD6;
  width: 60%;
}
.swiper-section .swiper.mySwiper .slide-7 img {
  align-self: flex-end;
  margin-right: -50px;
  margin-top: -150px;
}
@media (max-width: 576px) {
  .swiper-section .swiper.mySwiper .slide-7 img {
    width: 300px;
    margin-top: 0;
    align-self: center;
    margin-right: 0;
  }
}
.swiper-section .social_networks {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 16px;
}
@media (max-width: 768px) {
  .swiper-section .social_networks {
    margin-top: 110px;
    gap: 0 15px;
  }
}
.swiper-section .social_networks a {
  text-decoration: none;
  transition: 0.3s all ease;
}
@media (max-width: 576px) {
  .swiper-section .social_networks a img {
    width: 36px;
  }
}
@media (max-width: 576px) {
  .swiper-section .social_networks a:nth-child(4) img {
    width: 50px;
    margin-bottom: 15px;
  }
}
.swiper-section .social_networks a:hover {
  transform: scale(1.1);
}
.swiper-section .swiper-pagination {
  position: unset;
  display: none;
}
@media (max-width: 768px) {
  .swiper-section .swiper-pagination {
    display: block;
  }
}
.swiper-section .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}
.swiper-section .swiper-pagination-bullet-active {
  background: #F68624;
  height: 12px;
  width: 12px;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-content {
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-content img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.page_banner {
  height: 270px;
  background-color: #DB7562;
  background-image: url(../images/banner-bg.png);
}
@media (max-width: 576px) {
  .page_banner {
    height: 250px;
  }
}
.page_banner .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
@media (max-width: 576px) {
  .page_banner .container {
    align-items: flex-start;
  }
}
.page_banner .container h1 {
  margin: auto;
  color: #FFF;
  font-family: "DaysOne";
  font-size: 54px;
  font-weight: 400;
  text-align: left;
  margin: 0;
  width: 80%;
  text-transform: uppercase;
}
@media (max-width: 576px) {
  .page_banner .container h1 {
    font-size: 32px;
    color: #FFFFD6;
    line-height: 93.5%;
    width: 50%;
    margin-top: 20px;
  }
}
.page_banner .container img {
  position: absolute;
  top: 0;
  right: 0;
  width: 280px;
}
@media (max-width: 768px) {
  .page_banner .container img {
    width: 200px;
    bottom: 0;
    top: unset;
  }
}

.private_account_contents {
  margin-top: 40px;
  position: relative;
}
@media (max-width: 576px) {
  .private_account_contents {
    margin-top: 20px;
  }
}
.private_account_contents .container {
  display: flex;
  gap: 0 30px;
  position: relative;
}
@media (max-width: 768px) {
  .private_account_contents .container {
    flex-direction: column;
    gap: 20px;
  }
}
.private_account_contents .container .left_content {
  width: 350px;
  position: sticky;
  top: 0;
  left: 0;
  height: fit-content;
  z-index: 100;
}
@media (max-width: 1100px) {
  .private_account_contents .container .left_content {
    width: calc(32% - 15px);
  }
}
@media (max-width: 768px) {
  .private_account_contents .container .left_content {
    width: 100%;
    position: unset;
    max-width: unset;
  }
}
.private_account_contents .container .left_content .statistics {
  display: none;
}
@media (max-width: 768px) {
  .private_account_contents .container .left_content .statistics {
    display: block !important;
  }
}
@media (max-width: 576px) {
  .private_account_contents .container .left_content .statistics {
    padding: 20px 15px !important;
  }
  .private_account_contents .container .left_content .statistics .title {
    align-items: flex-start;
  }
  .private_account_contents .container .left_content .statistics h3 {
    width: 50%;
  }
  .private_account_contents .container .left_content .statistics .progress-wrapper {
    width: 100% !important;
    margin-top: 30px !important;
  }
  .private_account_contents .container .left_content .statistics .progress-wrapper p {
    font-weight: 500;
    font-size: 16px;
  }
}
.private_account_contents .container .left_content .main_information {
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  padding: 35px 30px;
}
@media (max-width: 870px) {
  .private_account_contents .container .left_content .main_information {
    padding: 20px 15px 15px 15px;
  }
}
.private_account_contents .container .left_content .main_information .image {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background-color: #DB7562;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 30px;
}
@media (max-width: 870px) {
  .private_account_contents .container .left_content .main_information .image {
    width: 220px;
    height: 220px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.private_account_contents .container .left_content .main_information .image .name {
  color: #FFF;
  font-size: 32px;
}
.private_account_contents .container .left_content .main_information h4 {
  color: #3D3D3D;
  font-size: 20px;
  font-weight: 400;
  font-family: "DaysOne";
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .private_account_contents .container .left_content .main_information h4 {
    margin-bottom: 10px;
  }
}
.private_account_contents .container .left_content .main_information .personal_data {
  display: flex;
  flex-direction: column;
}
.private_account_contents .container .left_content .main_information .personal_data .personal_contacts {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.private_account_contents .container .left_content .main_information .personal_data .personal_contacts div, .private_account_contents .container .left_content .main_information .personal_data .personal_contacts a {
  display: flex;
  align-items: center;
  gap: 0 10px;
  text-decoration: none;
  color: #3D3D3D;
}
.private_account_contents .container .left_content .main_information .personal_data .personal_contacts div span, .private_account_contents .container .left_content .main_information .personal_data .personal_contacts a span {
  color: inherit;
  font-size: 16px;
  font-family: "Stetica";
  font-weight: 400;
}
.private_account_contents .container .left_content .main_information .personal_data h5 {
  font-size: 16px;
  font-weight: 500;
  font-family: "Stetica";
  margin-top: 20px;
  margin-bottom: 0;
}
.private_account_contents .container .left_content .main_information .personal_data p {
  font-size: 16px;
  font-family: "Stetica";
  font-weight: 400;
  margin-top: 10px;
}
.private_account_contents .container .left_content .main_information .personal_data .apps {
  display: flex;
  gap: 0 10px;
  margin-top: 10px;
}
.private_account_contents .container .left_content .main_information .personal_data .apps a {
  text-decoration: none;
  transition: 0.3s all ease;
}
.private_account_contents .container .left_content .main_information .personal_data .apps a:hover {
  transform: scale(1.1);
}
.private_account_contents .container .left_content .main_information .personal_data ul {
  margin-top: 20px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.private_account_contents .container .left_content .main_information .personal_data ul li a {
  text-decoration: none;
  color: #3D3D3D;
  font-size: 16px;
  display: flex;
  gap: 0 10px;
  font-weight: 400;
  font-family: "Stetica";
}
.private_account_contents .container .left_content .main_information .personal_data ul li a.active {
  font-weight: 500;
}
.private_account_contents .container .left_content .main_information .personal_data ul li a:hover {
  font-weight: 500;
}
.private_account_contents .container .left_content .feedbacks.volunteers {
  margin-top: 20px;
}
@media (max-width: 1100px) {
  .private_account_contents .container .left_content .feedbacks.volunteers {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .private_account_contents .container .left_content .feedbacks.volunteers {
    margin-top: 0;
  }
}
.private_account_contents .container .left_content .feedbacks.volunteers .title {
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 768px) {
  .private_account_contents .container .left_content .feedbacks.volunteers .comments .item {
    align-items: flex-start;
  }
}
.private_account_contents .container .left_content .feedbacks.volunteers .comments .item .commenter .about {
  gap: 0 10px;
}
@media (max-width: 1050px) {
  .private_account_contents .container .left_content .feedbacks.volunteers .comments .item .commenter .about {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .private_account_contents .container .left_content .feedbacks.volunteers .comments .item .commenter .about {
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 1100px) {
  .private_account_contents .container .left_content .feedbacks.volunteers .comments .item .commenter .about .name_stars {
    width: 100%;
  }
}
.private_account_contents .container .left_content .create {
  width: 100%;
  padding: 15px 0;
  display: block;
  margin-top: 20px;
  border-radius: 30px;
  text-align: center;
}
@media (max-width: 576px) {
  .private_account_contents .container .left_content .create {
    margin-top: 0;
    margin-bottom: 0 !important;
  }
}
.private_account_contents .container .left_content .prizes, .private_account_contents .container .left_content .documents {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  padding: 30px 15px 30px 35px;
  gap: 20px;
  margin-top: 20px;
}
@media (max-width: 576px) {
  .private_account_contents .container .left_content .prizes, .private_account_contents .container .left_content .documents {
    padding: 20px 15px 15px 15px;
    margin-top: 0;
  }
}
.private_account_contents .container .left_content .prizes {
  margin-top: 0;
}
.private_account_contents .container .left_content .prized_title, .private_account_contents .container .left_content .documents_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.private_account_contents .container .left_content .prized_title .see_all, .private_account_contents .container .left_content .documents_title .see_all {
  text-decoration: none;
  color: #FF614C;
}
.private_account_contents .container .left_content .documents_title {
  flex-wrap: wrap;
  gap: 10px;
}
.private_account_contents .container .left_content .documents_title h3 {
  font-size: 24px;
  font-family: "daysone";
  margin-bottom: 0;
}
.private_account_contents .container .left_content .documents_title a {
  font-size: 16px;
}
.private_account_contents .container .left_content .prizes_images {
  display: flex;
  align-items: center;
  gap: 20px;
}
.private_account_contents .container .left_content .prizes_images .prize1 {
  position: relative;
  display: inline-block;
  cursor: pointer;
  z-index: 1;
}
.private_account_contents .container .left_content .prizes_images .prize1:hover .about_prize {
  display: flex;
}
.private_account_contents .container .left_content .prizes_images .prize1.hidden {
  display: none;
}
.private_account_contents .container .left_content .prizes_images .about_prize {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: -95px;
  left: 0;
  width: 325px;
  background-color: #FFF;
  padding: 15px 10px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  z-index: 99999;
  display: none;
  transition: 0.3s all ease;
  border: 1px solid #C3C3C3;
}
.private_account_contents .container .left_content .prizes_images .about_prize span {
  font-size: 14px;
  font-weight: 500;
  font-family: "Stetica";
}
.private_account_contents .container .left_content .prizes_images .about_prize p {
  font-weight: 400;
  font-family: "Stetica";
  font-size: 12px;
}
.private_account_contents .container .left_content .create {
  margin-bottom: 20px;
}
.private_account_contents .container .left_content .files {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.private_account_contents .container .left_content .files a {
  display: flex;
  align-items: center;
  gap: 0 10px;
  text-decoration: none;
  color: inherit;
  font-family: "stetica";
  font-weight: 400;
  font-size: 16px;
}
.private_account_contents .container .left_content .files a:hover {
  font-weight: 500;
}
.private_account_contents .container .right_content, .private_account_contents .container .left_content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
@media (max-width: 576px) {
  .private_account_contents .container .right_content, .private_account_contents .container .left_content {
    gap: 10px;
  }
}
.private_account_contents .container .right_content .statistics, .private_account_contents .container .left_content .statistics {
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  width: 100%;
  padding: 35px 30px 30px 30px;
}
@media (max-width: 768px) {
  .private_account_contents .container .right_content .statistics, .private_account_contents .container .left_content .statistics {
    display: none;
  }
}
.private_account_contents .container .right_content .statistics .statistics_header, .private_account_contents .container .left_content .statistics .statistics_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  align-items: center;
}
.private_account_contents .container .right_content .statistics .statistics_header .title, .private_account_contents .container .right_content .statistics .statistics_header .icons, .private_account_contents .container .left_content .statistics .statistics_header .title, .private_account_contents .container .left_content .statistics .statistics_header .icons {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.private_account_contents .container .right_content .statistics .statistics_header .title h3, .private_account_contents .container .right_content .statistics .statistics_header .icons h3, .private_account_contents .container .left_content .statistics .statistics_header .title h3, .private_account_contents .container .left_content .statistics .statistics_header .icons h3 {
  font-size: 24px;
  font-weight: 400;
  font-family: "DaysOne";
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .private_account_contents .container .right_content .statistics .statistics_header .title, .private_account_contents .container .left_content .statistics .statistics_header .title {
    align-items: flex-start;
  }
}
@media (max-width: 576px) {
  .private_account_contents .container .right_content .statistics .statistics_header .icons, .private_account_contents .container .left_content .statistics .statistics_header .icons {
    position: absolute;
    top: 20px;
    right: 15px;
  }
}
.private_account_contents .container .right_content .statistics .statistics_header .id, .private_account_contents .container .left_content .statistics .statistics_header .id {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0 5px;
  color: #9E9E9E;
  font-family: "stetica";
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
}
.private_account_contents .container .right_content .statistics .statistics_header .status, .private_account_contents .container .left_content .statistics .statistics_header .status {
  display: flex;
  gap: 0 10px;
  align-items: center;
  margin-top: 10px;
}
.private_account_contents .container .right_content .statistics .statistics_header .status span, .private_account_contents .container .left_content .statistics .statistics_header .status span {
  font-size: 16px;
  font-weight: 500;
  font-family: "stetica";
}
.private_account_contents .container .right_content .statistics .statistics_header .status .status_condition, .private_account_contents .container .left_content .statistics .statistics_header .status .status_condition {
  padding: 5px 10px 5px 10px;
  border-radius: 13px;
  border: 1px solid #66E223;
  color: #66E223;
  display: flex;
  align-items: center;
  gap: 0 5px;
}
.private_account_contents .container .right_content .statistics .statistics_header .status .status_condition .lightning-dot, .private_account_contents .container .left_content .statistics .statistics_header .status .status_condition .lightning-dot {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #66E223;
  border-radius: 50%;
}
.private_account_contents .container .right_content .statistics .statistics_header .status .status_condition .lightning-dot::before, .private_account_contents .container .left_content .statistics .statistics_header .status .status_condition .lightning-dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: #66E223;
  border-radius: 50%;
  opacity: 0;
  animation: lightning 1.2s infinite ease-in-out;
}
@keyframes lightning {
  0%, 100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
  }
  40% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.4);
  }
  60% {
    opacity: 0.7;
    transform: translate(-50%, -50%) scale(1);
  }
}
.private_account_contents .container .right_content .statistics .statistics_body, .private_account_contents .container .left_content .statistics .statistics_body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 950px) {
  .private_account_contents .container .right_content .statistics .statistics_body, .private_account_contents .container .left_content .statistics .statistics_body {
    flex-wrap: wrap;
  }
}
.private_account_contents .container .right_content .statistics .statistics_body .progress-wrapper, .private_account_contents .container .left_content .statistics .statistics_body .progress-wrapper {
  position: relative;
  width: 50%;
  margin: 0;
  margin-top: 30px;
}
.private_account_contents .container .right_content .statistics .statistics_body .progress, .private_account_contents .container .left_content .statistics .statistics_body .progress {
  height: 15px;
  border-radius: 10px;
  background: #C3C3C3;
}
.private_account_contents .container .right_content .statistics .statistics_body .progress-bar, .private_account_contents .container .left_content .statistics .statistics_body .progress-bar {
  height: 100%;
  background-color: #DD7864;
  border-radius: 14px 0px 0px 14px;
  background: #DD7864;
  transition: width 0.6s ease;
}
.private_account_contents .container .right_content .statistics .statistics_body .progress-label, .private_account_contents .container .left_content .statistics .statistics_body .progress-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  font-family: "stetica";
}
.private_account_contents .container .right_content .statistics .statistics_body .editing_account, .private_account_contents .container .left_content .statistics .statistics_body .editing_account {
  padding: 12px 30px 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 20px;
  border-radius: 25px;
  border: 1px solid #DD7864;
  text-decoration: none;
  color: inherit;
  transition: 0.3s all ease;
}
.private_account_contents .container .right_content .statistics .statistics_body .editing_account:hover, .private_account_contents .container .left_content .statistics .statistics_body .editing_account:hover {
  background-color: #FD624C;
  color: #fff;
}
.private_account_contents .container .right_content .statistics .statistics_body .editing_account:hover svg path, .private_account_contents .container .left_content .statistics .statistics_body .editing_account:hover svg path {
  fill: #fff;
}
.private_account_contents .container .right_content .statistics .statistics_body .editing_account span, .private_account_contents .container .left_content .statistics .statistics_body .editing_account span {
  font-size: 14px;
  font-weight: 400;
  font-family: "Stetica";
}
.private_account_contents .container .right_content .description, .private_account_contents .container .left_content .description {
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  padding: 32px 30px 10px 30px;
}
@media (max-width: 576px) {
  .private_account_contents .container .right_content .description, .private_account_contents .container .left_content .description {
    padding: 20px 15px 15px 15px;
  }
}
.private_account_contents .container .right_content .description h3, .private_account_contents .container .left_content .description h3 {
  font-size: 24px;
  font-weight: 400;
  font-family: "daysone";
}
.private_account_contents .container .right_content .description h4, .private_account_contents .container .left_content .description h4 {
  font-size: 20px;
  font-weight: 500;
  font-family: "stetica";
  margin-bottom: 10px;
}
.private_account_contents .container .right_content .description p, .private_account_contents .container .right_content .description li, .private_account_contents .container .left_content .description p, .private_account_contents .container .left_content .description li {
  font-size: 16px;
  font-weight: 400;
  font-family: "Stetica";
}
.private_account_contents .container .right_content .description ul, .private_account_contents .container .left_content .description ul {
  padding-left: 17px;
  margin-bottom: 20px;
}
.private_account_contents .container .right_content .description p, .private_account_contents .container .left_content .description p {
  margin-bottom: 20px;
}
.private_account_contents .container .right_content .volunteers, .private_account_contents .container .left_content .volunteers {
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  gap: 0 30px;
  padding: 35px 30px 30px 30px;
}
@media (max-width: 576px) {
  .private_account_contents .container .right_content .volunteers, .private_account_contents .container .left_content .volunteers {
    padding: 20px 0px 15px 15px;
  }
}
.private_account_contents .container .right_content .volunteers h3, .private_account_contents .container .left_content .volunteers h3 {
  font-size: 24px;
  font-family: "daysone";
  font-weight: 400;
}
.private_account_contents .container .right_content .volunteers .swiper, .private_account_contents .container .left_content .volunteers .swiper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .private_account_contents .container .right_content .volunteers .swiper, .private_account_contents .container .left_content .volunteers .swiper {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.private_account_contents .container .right_content .volunteers .swiper .swiper-slide, .private_account_contents .container .left_content .volunteers .swiper .swiper-slide {
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  padding: 10px 22px 30px 22px;
  text-decoration: none;
}
.private_account_contents .container .right_content .volunteers .swiper .swiper-slide span, .private_account_contents .container .left_content .volunteers .swiper .swiper-slide span {
  color: #0E43E4;
  font-size: 64px;
  font-weight: 400;
  font-family: "daysone";
}
.private_account_contents .container .right_content .volunteers .swiper .swiper-slide p, .private_account_contents .container .left_content .volunteers .swiper .swiper-slide p {
  font-size: 16px;
  color: #3D3D3D;
  font-family: "daysone";
  font-weight: 400;
  margin-top: -10px;
}
.private_account_contents .container .right_content .my_projects, .private_account_contents .container .left_content .my_projects {
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  padding: 35px 30px 30px 30px;
}
@media (max-width: 576px) {
  .private_account_contents .container .right_content .my_projects, .private_account_contents .container .left_content .my_projects {
    padding: 20px 15px 15px 15px;
  }
}
.private_account_contents .container .right_content .my_projects .projects, .private_account_contents .container .left_content .my_projects .projects {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
@media (max-width: 870px) {
  .private_account_contents .container .right_content .my_projects .projects, .private_account_contents .container .left_content .my_projects .projects {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.private_account_contents .container .right_content .my_projects .projects .project, .private_account_contents .container .left_content .my_projects .projects .project {
  width: calc(50% - 15px);
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
@media (max-width: 870px) {
  .private_account_contents .container .right_content .my_projects .projects .project, .private_account_contents .container .left_content .my_projects .projects .project {
    width: 100%;
  }
}
.private_account_contents .container .right_content .my_projects .projects .project .image, .private_account_contents .container .left_content .my_projects .projects .project .image {
  width: 100%;
  height: 183px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  height: 180px;
}
.private_account_contents .container .right_content .my_projects .projects .project .image img, .private_account_contents .container .left_content .my_projects .projects .project .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.private_account_contents .container .right_content .my_projects .projects .project .about, .private_account_contents .container .left_content .my_projects .projects .project .about {
  padding: 0 15px;
  border-radius: 0px 0px 10px 10px;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
  background: #FFF;
}
.private_account_contents .container .right_content .my_projects .projects .project span, .private_account_contents .container .left_content .my_projects .projects .project span {
  color: #9E9E9E;
  font-size: 12px;
  font-family: "Stetica";
  margin-top: 10px;
  display: block;
}
.private_account_contents .container .right_content .my_projects .projects .project h3, .private_account_contents .container .left_content .my_projects .projects .project h3 {
  font-size: 24px;
  font-family: "daysone";
  font-weight: 400;
  line-height: 93.515%;
  color: #0E43E4;
  margin-top: 15px;
}
.private_account_contents .container .right_content .my_projects .projects .project a, .private_account_contents .container .left_content .my_projects .projects .project a {
  text-decoration: none;
  color: #fff;
  padding: 12px 0;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  border-radius: 25px;
  text-align: center;
  margin-top: 25px;
  display: block;
}
.private_account_contents .container .right_content .feedbacks.volunteer, .private_account_contents .container .left_content .feedbacks.volunteer {
  margin-top: 20px;
}
.private_account_contents .container .right_content h3, .private_account_contents .container .left_content h3 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 400;
  font-family: "daysone";
}
.private_account_contents .container .right_content .up_button, .private_account_contents .container .left_content .up_button {
  position: absolute;
  bottom: -8px;
  right: -100px;
  transition: 0.3s all ease;
  z-index: 100;
}
.private_account_contents .container .right_content .up_button:hover, .private_account_contents .container .left_content .up_button:hover {
  transform: scale(1.1);
}
@media (max-width: 1320px) {
  .private_account_contents .container .right_content .up_button, .private_account_contents .container .left_content .up_button {
    right: -80px;
  }
}
@media (max-width: 1270px) {
  .private_account_contents .container .right_content .up_button, .private_account_contents .container .left_content .up_button {
    bottom: -82px;
    right: -15px;
  }
}
@media (max-width: 1024px) {
  .private_account_contents .container .right_content .up_button, .private_account_contents .container .left_content .up_button {
    display: none;
  }
}
.private_account_contents .container .right_content {
  max-width: 764px;
}
@media (max-width: 1100px) {
  .private_account_contents .container .right_content {
    width: calc(68% - 15px);
  }
}
@media (max-width: 768px) {
  .private_account_contents .container .right_content {
    width: 100%;
  }
}
.private_account_contents .container .feedbacks {
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  padding: 15px !important;
}
.private_account_contents .container .feedbacks .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.private_account_contents .container .feedbacks .title h3 {
  font-size: 24px;
  font-weight: 400;
  font-family: "daysone";
  margin-bottom: 0;
}
.private_account_contents .container .feedbacks .title a {
  text-decoration: none;
  color: #FD624C;
  font-size: 16px;
  font-family: "stetica";
  font-weight: 400;
}
.private_account_contents .container .comments {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.private_account_contents .container .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  padding: 15px;
}
.private_account_contents .container .item .commenter {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 100%;
}
.private_account_contents .container .item .commenter .about {
  display: flex;
  gap: 0 20px;
  align-items: center;
  width: 100%;
}
@media (max-width: 576px) {
  .private_account_contents .container .item .commenter .about {
    gap: 0 10px;
  }
}
.private_account_contents .container .item .commenter .about .image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0E43E4;
  flex-shrink: 0;
}
.private_account_contents .container .item .commenter .about .image span {
  font-size: 32px;
  color: #FFF;
  font-weight: 400;
  font-family: "pangram";
}
.private_account_contents .container .item .commenter .about .name_stars {
  flex: 1;
}
.private_account_contents .container .item .commenter .about .name {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.private_account_contents .container .item .commenter .about .name p {
  font-size: 16px;
  font-family: "daysone";
  font-weight: 500;
  margin-top: 2px;
}
.private_account_contents .container .item .commenter .about .name span {
  color: #9E9E9E;
  font-size: 12px;
  font-weight: 400;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
.private_account_contents .container .item .commenter .about .name .stars {
  display: flex;
  align-items: center;
  gap: 0 3px;
  padding: 5px;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  height: fit-content;
}
.private_account_contents .container .item .commenter .about .name .stars p {
  font-size: 16px;
  font-weight: 400;
  font-family: "stetica";
}
.private_account_contents .container .item .commenter .about .name .stars img {
  width: 20px;
  height: 20px;
}
.private_account_contents .container .item .content {
  font-size: 14px;
  font-weight: 400;
  font-family: "stetica";
  margin-top: 20px;
}
.private_account_contents .container .item .date {
  width: 100%;
  color: #9E9E9E;
  font-size: 14px;
  font-family: "stetica";
  font-weight: 400;
  margin-top: 20px;
}
.private_account_contents .container .about_me, .private_account_contents .container .prizes, .private_account_contents .container .participation, .private_account_contents .container .participation_container {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
}
@media (max-width: 576px) {
  .private_account_contents .container .about_me, .private_account_contents .container .prizes, .private_account_contents .container .participation, .private_account_contents .container .participation_container {
    padding: 20px 15px 15px 15px;
  }
}
.private_account_contents .container .about_me span, .private_account_contents .container .prizes span, .private_account_contents .container .participation span, .private_account_contents .container .participation_container span {
  font-size: 16px;
  font-weight: 500;
  font-family: "stetica";
  margin-bottom: 10px;
  display: block;
}
.private_account_contents .container .about_me .about_it, .private_account_contents .container .prizes .about_it, .private_account_contents .container .participation .about_it, .private_account_contents .container .participation_container .about_it {
  display: flex;
  gap: 0 10px;
  align-self: center;
}
.private_account_contents .container .about_me p, .private_account_contents .container .prizes p, .private_account_contents .container .participation p, .private_account_contents .container .participation_container p {
  font-size: 16px;
  font-weight: 400;
  font-family: "stetica";
}
.private_account_contents .container .about_me .knowledge, .private_account_contents .container .about_me .reputation, .private_account_contents .container .about_me .workplace, .private_account_contents .container .prizes .knowledge, .private_account_contents .container .prizes .reputation, .private_account_contents .container .prizes .workplace, .private_account_contents .container .participation .knowledge, .private_account_contents .container .participation .reputation, .private_account_contents .container .participation .workplace, .private_account_contents .container .participation_container .knowledge, .private_account_contents .container .participation_container .reputation, .private_account_contents .container .participation_container .workplace {
  margin-top: 20px;
}
.private_account_contents .container .participation {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.private_account_contents .container .participation .its_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.private_account_contents .container .participation .its_title h3 {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .private_account_contents .container .participation .its_title h3 {
    width: 50%;
  }
}
.private_account_contents .container .participation .its_title a {
  font-size: 16px;
  color: #FF614C;
  text-decoration: none;
  font-family: "stetica";
  font-weight: 400;
}
.private_account_contents .container .participation .events {
  display: flex;
  gap: 0 30px;
}
@media (max-width: 870px) {
  .private_account_contents .container .participation .events {
    flex-direction: column;
    gap: 30px;
  }
}
.private_account_contents .container .participation .events .events_item {
  display: flex;
  flex-direction: column;
}
@media (max-width: 870px) {
  .private_account_contents .container .participation .events .events_item {
    width: 100%;
  }
}
.private_account_contents .container .participation .events .events_item .image {
  width: 100%;
  height: 183px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.private_account_contents .container .participation .events .events_item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.private_account_contents .container .participation .events .events_item .about_event {
  padding: 10px;
  border-radius: 0px 0px 10px 10px;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
  background: #FFF;
}
.private_account_contents .container .participation .events .events_item .about_event span {
  color: #9E9E9E;
  font-size: 12px;
  font-weight: 400;
  font-family: "stetica";
}
.private_account_contents .container .participation .events .events_item .about_event p {
  color: #0E43E4;
  font-size: 16px;
  font-weight: 400;
  line-height: 93.515%;
  font-family: "daysone";
  margin-bottom: 12px;
  margin-top: 12px;
}
.private_account_contents .container .participation .events .events_item .about_event .date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.private_account_contents .container .participation .events .events_item .about_event .date span {
  margin-bottom: 0;
}
.private_account_contents .container .participation .events .events_item .about_event .date a {
  color: #FF614C;
  font-size: 14px;
  font-weight: 500;
  font-family: "stetica";
  text-decoration: none;
}
.private_account_contents .left_deco {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: -1;
}
@media (max-width: 1200px) {
  .private_account_contents .left_deco {
    width: 100px;
  }
}
@media (max-width: 1024px) {
  .private_account_contents .left_deco {
    display: none;
  }
}
.private_account_contents .right_deco {
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: -1;
}
@media (max-width: 1200px) {
  .private_account_contents .right_deco {
    width: 100px;
  }
}
@media (max-width: 1024px) {
  .private_account_contents .right_deco {
    display: none;
  }
}

.prizes .prized_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 576px) {
  .prizes .prized_title {
    margin-bottom: 0;
  }
}
.prizes .prized_title h3 {
  margin-bottom: 0 !important;
  font-size: 24px;
  font-family: "daysone";
}
.prizes .prized_title a {
  text-decoration: none;
  color: #FF614C;
  font-size: 16px;
  font-family: "stetica";
  font-weight: 400;
}
.prizes .prizes_images {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .prizes .prizes_images {
    margin-top: 20px;
  }
}
.prizes .prize1 {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.prizes .prize1:nth-child(5) {
  margin-left: -17px;
}
@media (max-width: 1400px) {
  .prizes .prize1:nth-child(n+5) .about_prize {
    left: -150px;
  }
}
@media (max-width: 1150px) {
  .prizes .prize1:nth-child(n+5) .about_prize {
    left: -180px;
  }
}
.prizes .prize1:hover .about_prize {
  display: block;
}
@media (max-width: 768px) {
  .prizes .prize1:hover .about_prize {
    display: none;
  }
}
@media (max-width: 576px) {
  .prizes .prize1.hidden {
    display: none;
  }
}
.prizes .show_more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #f0f0f0;
  text-align: center;
  font-size: 18px;
  font-family: "daysone";
  color: #fff;
  display: none;
}
@media (max-width: 576px) {
  .prizes .show_more {
    display: flex;
  }
}
.prizes .about_prize {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: -100px;
  left: 0;
  width: 325px;
  background-color: #FFF;
  padding: 15px 10px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  z-index: 10;
  transition: 0.3s all ease;
  border: 1px solid #C3C3C3;
  display: none;
}
@media (max-width: 576px) {
  .prizes .about_prize {
    display: none;
  }
}
.prizes .about_prize span {
  font-size: 14px;
  font-weight: 500;
  font-family: "Stetica";
}
.prizes .about_prize p {
  font-weight: 400;
  font-family: "Stetica";
  font-size: 12px;
}

html {
  scroll-behavior: smooth;
}

.register_modal, .registration_modal {
  max-width: 730px !important;
}
.register_modal .modal-body form, .registration_modal .modal-body form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.register_modal .modal-body input, .registration_modal .modal-body input {
  display: block;
}
.register_modal .modal-body .logo, .registration_modal .modal-body .logo {
  display: flex;
  justify-content: center;
}
.register_modal .modal-body .enter, .registration_modal .modal-body .enter {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 480px) {
  .register_modal .modal-body .enter, .registration_modal .modal-body .enter {
    flex-direction: column;
    gap: 10px;
  }
}
.register_modal .modal-body .enter .left .links, .registration_modal .modal-body .enter .left .links {
  display: flex;
  gap: 20px;
}
.register_modal .modal-body .enter .left .links button, .registration_modal .modal-body .enter .left .links button {
  font-size: 16px;
  color: #9E9E9E;
  border: none;
  background-color: transparent;
}
.register_modal .modal-body .enter .left .links button:hover, .registration_modal .modal-body .enter .left .links button:hover {
  text-decoration: underline;
}
.register_modal .modal-body .enter .left .links button:last-child, .registration_modal .modal-body .enter .left .links button:last-child {
  color: #DD7864;
}
.register_modal .modal-body .enter .right button, .registration_modal .modal-body .enter .right button {
  padding: 11px 24px;
  border-radius: 25px;
  border: 1px solid #0E43E4;
  font-size: 14px;
  color: #3D3D3D;
  text-decoration: none;
  transition: 0.3s all ease;
  background-color: #fff;
}
.register_modal .modal-body .enter .right button:hover, .registration_modal .modal-body .enter .right button:hover {
  background-color: #0E43E4;
  color: #fff;
}
.register_modal .modal-body .cridentials, .registration_modal .modal-body .cridentials {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #C3C3C3;
}
@media (max-width: 480px) {
  .register_modal .modal-body .cridentials, .registration_modal .modal-body .cridentials {
    gap: 10px;
  }
}
.register_modal .modal-body .cridentials .email, .register_modal .modal-body .cridentials .password, .registration_modal .modal-body .cridentials .email, .registration_modal .modal-body .cridentials .password {
  width: calc(50% - 15px);
  position: relative;
}
@media (max-width: 480px) {
  .register_modal .modal-body .cridentials .email, .register_modal .modal-body .cridentials .password, .registration_modal .modal-body .cridentials .email, .registration_modal .modal-body .cridentials .password {
    width: calc(50% - 5px);
  }
}
.register_modal .modal-body .cridentials .email:hover svg path, .register_modal .modal-body .cridentials .password:hover svg path, .registration_modal .modal-body .cridentials .email:hover svg path, .registration_modal .modal-body .cridentials .password:hover svg path {
  fill: #0E43E4;
}
.register_modal .modal-body .cridentials .email input, .register_modal .modal-body .cridentials .password input, .registration_modal .modal-body .cridentials .email input, .registration_modal .modal-body .cridentials .password input {
  display: block;
  padding: 10px 35px 11px 15px;
  border-radius: 10px;
  border: 1px solid #0E43E4;
  background: #fff;
  transition: 0.3s all ease;
  width: 100%;
  font-size: 16px;
}
@media (max-width: 480px) {
  .register_modal .modal-body .cridentials .email input, .register_modal .modal-body .cridentials .password input, .registration_modal .modal-body .cridentials .email input, .registration_modal .modal-body .cridentials .password input {
    font-size: 14px;
  }
}
.register_modal .modal-body .cridentials .email input:focus, .register_modal .modal-body .cridentials .password input:focus, .registration_modal .modal-body .cridentials .email input:focus, .registration_modal .modal-body .cridentials .password input:focus {
  outline: none;
  background: #eee;
}
.register_modal .modal-body .cridentials .email svg, .register_modal .modal-body .cridentials .password svg, .registration_modal .modal-body .cridentials .email svg, .registration_modal .modal-body .cridentials .password svg {
  position: absolute;
  top: 11px;
  right: 15px;
}
.register_modal .modal-body .cridentials .email a, .register_modal .modal-body .cridentials .password a, .registration_modal .modal-body .cridentials .email a, .registration_modal .modal-body .cridentials .password a {
  margin-top: 10px;
  color: #DB7562;
  font-size: 16px;
  display: block;
  text-decoration: none;
}
@media (max-width: 440px) {
  .register_modal .modal-body .cridentials .email svg, .registration_modal .modal-body .cridentials .email svg {
    display: none;
  }
}
.register_modal .modal-body .cridentials .password .toggle-password, .registration_modal .modal-body .cridentials .password .toggle-password {
  position: absolute;
  top: 2px;
  right: 0px;
  cursor: pointer;
  user-select: none;
  z-index: 100;
  height: 20px;
  width: 20px;
}
.register_modal .modal-body .cridentials .password .toggle-password svg, .registration_modal .modal-body .cridentials .password .toggle-password svg {
  width: 100%;
  height: 100%;
}
.register_modal .modal-body .inputs, .registration_modal .modal-body .inputs {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.register_modal .modal-body .inputs input, .registration_modal .modal-body .inputs input {
  display: inline-block;
  width: 100%;
  padding: 10px 15px 11px 15px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 16px;
  transition: 0.3s all ease;
}
.register_modal .modal-body .inputs input:hover, .registration_modal .modal-body .inputs input:hover {
  border-color: #0E43E4;
  background: #eee;
}
.register_modal .modal-body .inputs input:focus, .registration_modal .modal-body .inputs input:focus {
  outline: none;
}
.register_modal .modal-body .inputs label, .registration_modal .modal-body .inputs label {
  width: 100%;
  position: relative;
}
.register_modal .modal-body .inputs label input, .registration_modal .modal-body .inputs label input {
  background: #fff;
}
.register_modal .modal-body .inputs label input:hover, .registration_modal .modal-body .inputs label input:hover {
  background: #fff;
}
.register_modal .modal-body .inputs label p, .registration_modal .modal-body .inputs label p {
  position: absolute;
  top: -10px;
  left: 15px;
  color: #9E9E9E;
  font-size: 14px;
  padding: 0 5px;
  background-color: #fff;
}
.register_modal .modal-body .inputs label p span, .registration_modal .modal-body .inputs label p span {
  color: #FF614C;
}
.register_modal .modal-body .inputs .nice-select, .registration_modal .modal-body .inputs .nice-select {
  width: 100%;
  font-size: 16px;
  height: 46.3px;
  font-size: 16px !important;
}
.register_modal .modal-body .inputs .nice-select .current, .registration_modal .modal-body .inputs .nice-select .current {
  font-size: 16px;
}
.register_modal .modal-body .inputs .nice-select.open, .registration_modal .modal-body .inputs .nice-select.open {
  border-color: #0E43E4;
}
.register_modal .modal-body .inputs .birthday, .register_modal .modal-body .inputs .mail, .register_modal .modal-body .inputs .phone-input-container, .register_modal .modal-body .inputs .password, .registration_modal .modal-body .inputs .birthday, .registration_modal .modal-body .inputs .mail, .registration_modal .modal-body .inputs .phone-input-container, .registration_modal .modal-body .inputs .password {
  position: relative;
}
.register_modal .modal-body .inputs .birthday:hover svg path, .register_modal .modal-body .inputs .mail:hover svg path, .register_modal .modal-body .inputs .phone-input-container:hover svg path, .register_modal .modal-body .inputs .password:hover svg path, .registration_modal .modal-body .inputs .birthday:hover svg path, .registration_modal .modal-body .inputs .mail:hover svg path, .registration_modal .modal-body .inputs .phone-input-container:hover svg path, .registration_modal .modal-body .inputs .password:hover svg path {
  fill: #0E43E4;
}
.register_modal .modal-body .inputs .birthday svg, .register_modal .modal-body .inputs .mail svg, .register_modal .modal-body .inputs .phone-input-container svg, .register_modal .modal-body .inputs .password svg, .registration_modal .modal-body .inputs .birthday svg, .registration_modal .modal-body .inputs .mail svg, .registration_modal .modal-body .inputs .phone-input-container svg, .registration_modal .modal-body .inputs .password svg {
  position: absolute;
  top: 12px;
  right: 15px;
}
.register_modal .modal-body .inputs .birthday svg path, .register_modal .modal-body .inputs .mail svg path, .register_modal .modal-body .inputs .phone-input-container svg path, .register_modal .modal-body .inputs .password svg path, .registration_modal .modal-body .inputs .birthday svg path, .registration_modal .modal-body .inputs .mail svg path, .registration_modal .modal-body .inputs .phone-input-container svg path, .registration_modal .modal-body .inputs .password svg path {
  transition: 0.3s all ease;
}
.register_modal .modal-body .inputs .birthday .iti, .register_modal .modal-body .inputs .mail .iti, .register_modal .modal-body .inputs .phone-input-container .iti, .register_modal .modal-body .inputs .password .iti, .registration_modal .modal-body .inputs .birthday .iti, .registration_modal .modal-body .inputs .mail .iti, .registration_modal .modal-body .inputs .phone-input-container .iti, .registration_modal .modal-body .inputs .password .iti {
  width: 100%;
}
.register_modal .modal-body .inputs .birthday .toggle-password, .register_modal .modal-body .inputs .mail .toggle-password, .register_modal .modal-body .inputs .phone-input-container .toggle-password, .register_modal .modal-body .inputs .password .toggle-password, .registration_modal .modal-body .inputs .birthday .toggle-password, .registration_modal .modal-body .inputs .mail .toggle-password, .registration_modal .modal-body .inputs .phone-input-container .toggle-password, .registration_modal .modal-body .inputs .password .toggle-password {
  height: 20px;
  width: 20px;
  position: absolute;
  right: 0;
  top: 2px;
}
.register_modal .modal-body .inputs .birthday .toggle-password svg, .register_modal .modal-body .inputs .mail .toggle-password svg, .register_modal .modal-body .inputs .phone-input-container .toggle-password svg, .register_modal .modal-body .inputs .password .toggle-password svg, .registration_modal .modal-body .inputs .birthday .toggle-password svg, .registration_modal .modal-body .inputs .mail .toggle-password svg, .registration_modal .modal-body .inputs .phone-input-container .toggle-password svg, .registration_modal .modal-body .inputs .password .toggle-password svg {
  width: 100%;
  height: 100%;
}
.register_modal .modal-body .inputs .password a, .registration_modal .modal-body .inputs .password a {
  display: block;
  font-size: 16px;
  color: #FF614C;
  text-decoration: none;
}
.register_modal .modal-body .inputs .password a:hover, .registration_modal .modal-body .inputs .password a:hover {
  text-decoration: underline;
}
.register_modal .modal-body .inputs .password_checking, .registration_modal .modal-body .inputs .password_checking {
  display: flex;
  padding: 9px 15px;
  border-radius: 10px;
  border: 1px solid #C3C3C3;
  flex-direction: column;
  gap: 9px;
}
.register_modal .modal-body .inputs .password_checking .item, .registration_modal .modal-body .inputs .password_checking .item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.register_modal .modal-body .inputs .password_checking .item p, .registration_modal .modal-body .inputs .password_checking .item p {
  font-size: 14px;
  color: #FD624C;
}
.register_modal .modal-body .inputs .password_checking .item:nth-child(5) p, .registration_modal .modal-body .inputs .password_checking .item:nth-child(5) p {
  color: #20B828;
}
.register_modal .modal-body .inputs .password_checking .item:last-child p, .registration_modal .modal-body .inputs .password_checking .item:last-child p {
  color: #20B828;
}
.register_modal .modal-body .inputs .password_checking h4, .registration_modal .modal-body .inputs .password_checking h4 {
  font-size: 16px;
  font-weight: 500px;
  margin-bottom: 0;
}
.register_modal .modal-body .inputs .checking, .registration_modal .modal-body .inputs .checking {
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}
.register_modal .modal-body .inputs .checking input, .registration_modal .modal-body .inputs .checking input {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}
.register_modal .modal-body .inputs .checking p, .registration_modal .modal-body .inputs .checking p {
  position: unset;
  color: #3D3D3D;
  font-size: 12px;
}
.register_modal .modal-body .inputs .checking p a, .registration_modal .modal-body .inputs .checking p a {
  color: #FD624C;
}
.register_modal .modal-body .networks, .registration_modal .modal-body .networks {
  display: flex;
  gap: 15px 30px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .register_modal .modal-body .networks, .registration_modal .modal-body .networks {
    gap: 10px;
  }
}
.register_modal .modal-body .networks a, .registration_modal .modal-body .networks a {
  width: calc(50% - 15px);
  padding: 8px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #C3C3C3;
  font-size: 16px;
  text-decoration: none;
  transition: 0.3s all ease;
}
@media (max-width: 480px) {
  .register_modal .modal-body .networks a, .registration_modal .modal-body .networks a {
    width: calc(50% - 5px);
  }
}
.register_modal .modal-body .networks a:hover, .registration_modal .modal-body .networks a:hover {
  background-color: #eee;
}
.register_modal .modal-body .about_tab, .registration_modal .modal-body .about_tab {
  font-size: 16px;
  color: #9E9E9E;
}
.register_modal .modal-body .backButton, .registration_modal .modal-body .backButton {
  width: fit-content;
  border: none;
  background-color: transparent;
  display: flex;
  gap: 10px;
}
.register_modal .modal-body .backButton p, .registration_modal .modal-body .backButton p {
  font-size: 16px;
  font-weight: 500;
  color: #FD624C;
}
.register_modal .modal-body .button, .registration_modal .modal-body .button {
  width: 100%;
  padding: 20px 0 21px;
  border-radius: 10px;
}
.register_modal .modal-body .tabs .nav, .registration_modal .modal-body .tabs .nav {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  border-bottom: none;
  padding-bottom: 20px;
  border-bottom: 1px solid #C3C3C3;
  margin-bottom: 20px;
}
.register_modal .modal-body .tabs .nav-item, .registration_modal .modal-body .tabs .nav-item {
  width: calc(50% - 15px);
}
.register_modal .modal-body .tabs .nav-item button, .registration_modal .modal-body .tabs .nav-item button {
  width: 100%;
  border: 1px solid #C3C3C3;
  font-size: 16px;
  color: #3D3D3D;
  border-radius: 10px;
  height: 45.3px;
  padding: 0;
  padding-left: 15px;
  text-align: left;
}
@media (max-width: 480px) {
  .register_modal .modal-body .tabs .nav-item button, .registration_modal .modal-body .tabs .nav-item button {
    font-size: 14px;
    text-align: center;
  }
}
.register_modal .modal-body .tabs .nav-item button.active, .registration_modal .modal-body .tabs .nav-item button.active {
  background-color: #eee;
}

.private_account_contents .right_content {
  position: relative;
}
@media (max-width: 576px) {
  .private_account_contents .right_content {
    gap: 10px;
  }
}
.private_account_contents .right_content .awards_achivments, .private_account_contents .right_content .achivments_summary, .private_account_contents .right_content .active_volunter, .private_account_contents .right_content .uploader_documents, .private_account_contents .right_content .our_documents, .private_account_contents .right_content .our_feedbacks, .private_account_contents .right_content .my_projects, .private_account_contents .right_content .history_applications, .private_account_contents .right_content .certificate_content, .private_account_contents .right_content .messnager_content {
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  padding: 35px 30px 30px 30px;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .awards_achivments, .private_account_contents .right_content .achivments_summary, .private_account_contents .right_content .active_volunter, .private_account_contents .right_content .uploader_documents, .private_account_contents .right_content .our_documents, .private_account_contents .right_content .our_feedbacks, .private_account_contents .right_content .my_projects, .private_account_contents .right_content .history_applications, .private_account_contents .right_content .certificate_content, .private_account_contents .right_content .messnager_content {
    padding: 20px 15px 15px 15px;
  }
}
.private_account_contents .right_content .awards_achivments p, .private_account_contents .right_content .achivments_summary p, .private_account_contents .right_content .active_volunter p, .private_account_contents .right_content .uploader_documents p, .private_account_contents .right_content .our_documents p, .private_account_contents .right_content .our_feedbacks p, .private_account_contents .right_content .my_projects p, .private_account_contents .right_content .history_applications p, .private_account_contents .right_content .certificate_content p, .private_account_contents .right_content .messnager_content p {
  font-size: 16px;
  font-family: "stetica";
  font-weight: 400;
}
.private_account_contents .right_content .awards_achivments span, .private_account_contents .right_content .achivments_summary span, .private_account_contents .right_content .active_volunter span, .private_account_contents .right_content .uploader_documents span, .private_account_contents .right_content .our_documents span, .private_account_contents .right_content .our_feedbacks span, .private_account_contents .right_content .my_projects span, .private_account_contents .right_content .history_applications span, .private_account_contents .right_content .certificate_content span, .private_account_contents .right_content .messnager_content span {
  font-size: 20px;
  font-weight: 500;
  font-family: "stetica";
}
.private_account_contents .right_content .awards_achivments .create, .private_account_contents .right_content .achivments_summary .create, .private_account_contents .right_content .active_volunter .create, .private_account_contents .right_content .uploader_documents .create, .private_account_contents .right_content .our_documents .create, .private_account_contents .right_content .our_feedbacks .create, .private_account_contents .right_content .my_projects .create, .private_account_contents .right_content .history_applications .create, .private_account_contents .right_content .certificate_content .create, .private_account_contents .right_content .messnager_content .create {
  border-radius: 30px;
  border: 1px solid #FD624C;
  background: #FFF;
  color: #FD624C;
  font-size: 16px;
  font-family: "stetica";
  text-decoration: none;
  padding: 11px 65px;
  display: block;
  width: fit-content;
  margin-top: 20px;
  transition: 0.3s all ease;
}
.private_account_contents .right_content .awards_achivments .create:hover, .private_account_contents .right_content .achivments_summary .create:hover, .private_account_contents .right_content .active_volunter .create:hover, .private_account_contents .right_content .uploader_documents .create:hover, .private_account_contents .right_content .our_documents .create:hover, .private_account_contents .right_content .our_feedbacks .create:hover, .private_account_contents .right_content .my_projects .create:hover, .private_account_contents .right_content .history_applications .create:hover, .private_account_contents .right_content .certificate_content .create:hover, .private_account_contents .right_content .messnager_content .create:hover {
  background-color: #FD624C;
  color: #fff;
}
.private_account_contents .right_content .achivments_summary .summary {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .achivments_summary .summary {
    flex-direction: column;
    gap: 20px;
  }
}
.private_account_contents .right_content .achivments_summary .summary .overall, .private_account_contents .right_content .achivments_summary .summary .category {
  width: calc(50% - 15px);
}
@media (max-width: 576px) {
  .private_account_contents .right_content .achivments_summary .summary .overall, .private_account_contents .right_content .achivments_summary .summary .category {
    width: 100%;
  }
}
.private_account_contents .right_content .achivments_summary .summary .overall p, .private_account_contents .right_content .achivments_summary .summary .category p {
  margin-top: 15px;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .achivments_summary .summary .overall p, .private_account_contents .right_content .achivments_summary .summary .category p {
    margin-top: 10px;
  }
}
.private_account_contents .right_content .active_volunter {
  display: flex;
  gap: 0 30px;
  align-items: center;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .active_volunter {
    gap: 15px;
  }
}
.private_account_contents .right_content .active_volunter .image {
  width: 90px;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .active_volunter .image {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
  }
}
.private_account_contents .right_content .active_volunter .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .active_volunter .about_it span {
    font-size: 16px;
  }
}
.private_account_contents .right_content .active_volunter .about_it p {
  margin-top: 15px;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .active_volunter .about_it p {
    margin-top: 5px;
  }
}
.private_account_contents .right_content .our_documents .upload {
  border: none;
  padding: 10px 45px;
  border-radius: 30px;
  border: 1px solid #FD624C;
  background: #FFF;
  margin-top: 20px;
  color: #FD624C;
  font-weight: 500;
  font-family: "stetica";
  font-size: 16px;
  transition: 0.3s all ease;
}
.private_account_contents .right_content .our_documents .upload:hover {
  background-color: #FD624C;
  color: #fff;
}
.private_account_contents .right_content .uploader_documents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 23px 30px;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .uploader_documents {
    padding: 11px 15px 13px 15px;
    border-radius: 25px;
  }
}
.private_account_contents .right_content .uploader_documents a {
  font-size: 16px;
  font-weight: 500;
  font-family: "stetica";
  text-decoration: none;
  color: inherit;
}
.private_account_contents .right_content .uploader_documents .document_actions {
  display: flex;
  gap: 0 20px;
}
.private_account_contents .right_content .uploader_documents .document_actions a svg {
  transition: 0.3s all ease;
}
.private_account_contents .right_content .uploader_documents .document_actions a svg:hover path {
  fill: #FD624C;
}

.modal-content {
  border-radius: 20px;
}

.modal-dialog {
  max-width: 700px;
  max-width: unset;
}
.modal-dialog.feedback_modal {
  max-width: 563px;
}

.custom-embedded-modal {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 2000;
  width: 100%;
  background: transparent;
}

.modal {
  background-color: rgba(101, 124, 189, 0.6588235294);
}
.modal-header {
  border-bottom: none;
}
@media (max-width: 576px) {
  .modal-header {
    padding-bottom: 0;
  }
}
.modal-header .btn-close {
  --bs-btn-close-bg: none;
  background-image: url(../images/x.svg);
  padding: 15px;
  background-size: 20px 20px;
}
@media (max-width: 576px) {
  .modal-header .btn-close {
    padding: 10px 10px 0 0;
  }
}
.modal-body {
  padding: 0 35px 35px 35px;
}
@media (max-width: 576px) {
  .modal-body {
    padding: 0 15px 15px 15px;
  }
}
.modal-body .uploader {
  padding: 100px;
  border-radius: 25px;
  border: 2px dashed #FD624C;
}
.modal .feedbackWriter {
  display: flex;
  flex-direction: column;
  /* Hover effect */
}
.modal .feedbackWriter h3 {
  font-size: 32px;
  font-weight: 400;
  font-family: "daysone";
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .modal .feedbackWriter h3 {
    font-size: 20px;
  }
}
.modal .feedbackWriter p {
  font-size: 16px;
  font-family: "stetica";
  font-weight: 400;
  margin-top: 20px;
}
@media (max-width: 576px) {
  .modal .feedbackWriter p {
    font-size: 14px;
  }
}
.modal .feedbackWriter label {
  position: relative;
  margin-top: 20px;
}
.modal .feedbackWriter label .nice-select {
  width: 100%;
  height: 40px;
}
.modal .feedbackWriter label .nice-select .list {
  height: fit-content;
}
.modal .feedbackWriter label p {
  position: absolute;
  top: -9px;
  left: 10px;
  width: fit-content;
  font-family: "stetica";
  font-size: 12px;
  margin-top: 0;
  background-color: #fff;
  padding: 0 10px;
  color: #9E9E9E;
}
.modal .feedbackWriter label p span {
  color: #FD624C;
}
.modal .feedbackWriter label textarea {
  width: 100%;
  padding: 15px;
  border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  height: 100px !important;
}
.modal .feedbackWriter label textarea:focus {
  outline: none;
}
.modal .feedbackWriter .send_feedback {
  width: 100%;
  margin-top: 20px;
}
.modal .feedbackWriter .rating_box {
  margin-top: 20px;
}
.modal .feedbackWriter .rating_box h4 {
  font-size: 24px;
  font-family: "stetica";
}
.modal .feedbackWriter .rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 5px;
  cursor: pointer;
}
.modal .feedbackWriter .rating svg {
  cursor: pointer;
}
.modal .feedbackWriter .star-label {
  width: 30px;
  height: 30px;
  margin-top: 0;
}
.modal .feedbackWriter .star-label svg {
  width: 100%;
  height: 100%;
  stroke: red;
  fill: none;
  transition: fill 0.3s;
}
.modal .feedbackWriter .star-radio {
  display: none;
}
.modal .feedbackWriter .star-radio:checked ~ label svg,
.modal .feedbackWriter .star-radio:checked ~ label ~ label svg,
.modal .feedbackWriter .star-radio:checked ~ label ~ label ~ label svg,
.modal .feedbackWriter .star-radio:checked ~ label ~ label ~ label ~ label svg {
  fill: #F3DD33;
  stroke: #F3DD33;
}
.modal .feedbackWriter .rating label:hover svg,
.modal .feedbackWriter .rating label:hover ~ label svg {
  fill: #F3DD33;
  stroke: #F3DD33;
}
.modal form .drop-area {
  font-size: 16px;
  font-weight: 500;
  font-family: "stetica";
}
.modal form .drop-area label {
  color: #FD624C;
  cursor: pointer;
  text-decoration: underline;
}
.modal form input {
  display: none;
}
@media (max-width: 576px) {
  .modal form button {
    padding: 10px 0;
  }
}

.private_account_contents .right_content .feedbacks_box, .private_account_contents .right_content .projects_box, .private_account_contents .right_content .invitation_details, .private_account_contents .right_content .history_applications, .private_account_contents .right_content .certificate_details {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  padding: 32px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .feedbacks_box, .private_account_contents .right_content .projects_box, .private_account_contents .right_content .invitation_details, .private_account_contents .right_content .history_applications, .private_account_contents .right_content .certificate_details {
    padding: 20px 15px 15px 15px;
    gap: 10px;
  }
}
.private_account_contents .right_content .feedbacks_box form, .private_account_contents .right_content .projects_box form, .private_account_contents .right_content .invitation_details form, .private_account_contents .right_content .history_applications form, .private_account_contents .right_content .certificate_details form {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}
@media (max-width: 630px) {
  .private_account_contents .right_content .feedbacks_box form, .private_account_contents .right_content .projects_box form, .private_account_contents .right_content .invitation_details form, .private_account_contents .right_content .history_applications form, .private_account_contents .right_content .certificate_details form {
    gap: 20px;
    margin-bottom: 20px;
  }
}
.private_account_contents .right_content .feedbacks_box form input, .private_account_contents .right_content .projects_box form input, .private_account_contents .right_content .invitation_details form input, .private_account_contents .right_content .history_applications form input, .private_account_contents .right_content .certificate_details form input {
  height: 100%;
  border-radius: 10px;
  border: 1px solid #C3C3C3;
  padding-left: 15px;
  padding-right: 15px;
  width: 160px;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .feedbacks_box form input, .private_account_contents .right_content .projects_box form input, .private_account_contents .right_content .invitation_details form input, .private_account_contents .right_content .history_applications form input, .private_account_contents .right_content .certificate_details form input {
    width: 100%;
  }
}
.private_account_contents .right_content .feedbacks_box form input:focus, .private_account_contents .right_content .projects_box form input:focus, .private_account_contents .right_content .invitation_details form input:focus, .private_account_contents .right_content .history_applications form input:focus, .private_account_contents .right_content .certificate_details form input:focus {
  outline: none;
  border: 1px solid #F68624;
}
.private_account_contents .right_content .feedbacks_box form .nice-select, .private_account_contents .right_content .projects_box form .nice-select, .private_account_contents .right_content .invitation_details form .nice-select, .private_account_contents .right_content .history_applications form .nice-select, .private_account_contents .right_content .certificate_details form .nice-select {
  height: 40.5px;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .feedbacks_box form .nice-select, .private_account_contents .right_content .projects_box form .nice-select, .private_account_contents .right_content .invitation_details form .nice-select, .private_account_contents .right_content .history_applications form .nice-select, .private_account_contents .right_content .certificate_details form .nice-select {
    width: calc(50% - 10px);
  }
}
@media (max-width: 576px) {
  .private_account_contents .right_content .feedbacks_box form .calendar-wrapper, .private_account_contents .right_content .projects_box form .calendar-wrapper, .private_account_contents .right_content .invitation_details form .calendar-wrapper, .private_account_contents .right_content .history_applications form .calendar-wrapper, .private_account_contents .right_content .certificate_details form .calendar-wrapper {
    width: calc(50% - 10px);
  }
}
.private_account_contents .right_content .feedbacks_box form button, .private_account_contents .right_content .projects_box form button, .private_account_contents .right_content .invitation_details form button, .private_account_contents .right_content .history_applications form button, .private_account_contents .right_content .certificate_details form button {
  border: none;
  background-color: transparent;
  border-radius: 20px;
  border: 1px solid #FD624C;
  color: #FD624C;
  font-family: "stetica";
  font-size: 12px;
  padding: 0 20px;
  font-weight: 500;
  transition: 0.3s all ease;
  padding: 11px 15px 10px 15px;
}
.private_account_contents .right_content .feedbacks_box form button:hover, .private_account_contents .right_content .projects_box form button:hover, .private_account_contents .right_content .invitation_details form button:hover, .private_account_contents .right_content .history_applications form button:hover, .private_account_contents .right_content .certificate_details form button:hover {
  color: #fff;
  background-color: #FD624C;
}
.private_account_contents .right_content .feedbacks_box form.eventType .nice-select, .private_account_contents .right_content .projects_box form.eventType .nice-select, .private_account_contents .right_content .invitation_details form.eventType .nice-select, .private_account_contents .right_content .history_applications form.eventType .nice-select, .private_account_contents .right_content .certificate_details form.eventType .nice-select {
  width: 180px;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .feedbacks_box form.eventType .nice-select, .private_account_contents .right_content .projects_box form.eventType .nice-select, .private_account_contents .right_content .invitation_details form.eventType .nice-select, .private_account_contents .right_content .history_applications form.eventType .nice-select, .private_account_contents .right_content .certificate_details form.eventType .nice-select {
    width: calc(50% - 10px);
  }
}
.private_account_contents .right_content .feedbacks_box .projects, .private_account_contents .right_content .projects_box .projects, .private_account_contents .right_content .invitation_details .projects, .private_account_contents .right_content .history_applications .projects, .private_account_contents .right_content .certificate_details .projects {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .feedbacks_box .projects, .private_account_contents .right_content .projects_box .projects, .private_account_contents .right_content .invitation_details .projects, .private_account_contents .right_content .history_applications .projects, .private_account_contents .right_content .certificate_details .projects {
    gap: 10px;
  }
}
.private_account_contents .right_content .feedbacks_box .project, .private_account_contents .right_content .projects_box .project, .private_account_contents .right_content .invitation_details .project, .private_account_contents .right_content .history_applications .project, .private_account_contents .right_content .certificate_details .project {
  width: calc(50% - 15px);
  margin-top: 0;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .feedbacks_box .project, .private_account_contents .right_content .projects_box .project, .private_account_contents .right_content .invitation_details .project, .private_account_contents .right_content .history_applications .project, .private_account_contents .right_content .certificate_details .project {
    width: 100%;
  }
}
.private_account_contents .right_content .feedbacks_box .project .image, .private_account_contents .right_content .projects_box .project .image, .private_account_contents .right_content .invitation_details .project .image, .private_account_contents .right_content .history_applications .project .image, .private_account_contents .right_content .certificate_details .project .image {
  width: 100%;
  height: 180px;
  position: relative;
}
.private_account_contents .right_content .feedbacks_box .project .image img, .private_account_contents .right_content .projects_box .project .image img, .private_account_contents .right_content .invitation_details .project .image img, .private_account_contents .right_content .history_applications .project .image img, .private_account_contents .right_content .certificate_details .project .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.private_account_contents .right_content .feedbacks_box .project .image .projectEdit, .private_account_contents .right_content .projects_box .project .image .projectEdit, .private_account_contents .right_content .invitation_details .project .image .projectEdit, .private_account_contents .right_content .history_applications .project .image .projectEdit, .private_account_contents .right_content .certificate_details .project .image .projectEdit {
  padding: 5px;
  background-color: #F9F7F7;
  border-radius: 5px;
  position: absolute;
  top: 15px;
  right: 15px;
  text-decoration: none;
  transition: 0.3s all ease;
}
.private_account_contents .right_content .feedbacks_box .project .image .projectEdit svg path, .private_account_contents .right_content .projects_box .project .image .projectEdit svg path, .private_account_contents .right_content .invitation_details .project .image .projectEdit svg path, .private_account_contents .right_content .history_applications .project .image .projectEdit svg path, .private_account_contents .right_content .certificate_details .project .image .projectEdit svg path {
  transition: 0.3s all ease;
}
.private_account_contents .right_content .feedbacks_box .project .image .projectEdit:hover, .private_account_contents .right_content .projects_box .project .image .projectEdit:hover, .private_account_contents .right_content .invitation_details .project .image .projectEdit:hover, .private_account_contents .right_content .history_applications .project .image .projectEdit:hover, .private_account_contents .right_content .certificate_details .project .image .projectEdit:hover {
  background-color: #ff6b5e;
}
.private_account_contents .right_content .feedbacks_box .project .image .projectEdit:hover svg path, .private_account_contents .right_content .projects_box .project .image .projectEdit:hover svg path, .private_account_contents .right_content .invitation_details .project .image .projectEdit:hover svg path, .private_account_contents .right_content .history_applications .project .image .projectEdit:hover svg path, .private_account_contents .right_content .certificate_details .project .image .projectEdit:hover svg path {
  fill: #fff;
}
.private_account_contents .right_content .feedbacks_box .project .about_project, .private_account_contents .right_content .projects_box .project .about_project, .private_account_contents .right_content .invitation_details .project .about_project, .private_account_contents .right_content .history_applications .project .about_project, .private_account_contents .right_content .certificate_details .project .about_project {
  padding: 15px;
  border-radius: 0px 0px 10px 10px;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
  background: #FFF;
}
.private_account_contents .right_content .feedbacks_box .project .about_project span, .private_account_contents .right_content .feedbacks_box .project .about_project .date, .private_account_contents .right_content .projects_box .project .about_project span, .private_account_contents .right_content .projects_box .project .about_project .date, .private_account_contents .right_content .invitation_details .project .about_project span, .private_account_contents .right_content .invitation_details .project .about_project .date, .private_account_contents .right_content .history_applications .project .about_project span, .private_account_contents .right_content .history_applications .project .about_project .date, .private_account_contents .right_content .certificate_details .project .about_project span, .private_account_contents .right_content .certificate_details .project .about_project .date {
  font-size: 12px;
  color: #9E9E9E;
  font-weight: 400;
  font-family: "stetica";
}
@media (max-width: 920px) {
  .private_account_contents .right_content .feedbacks_box .project .about_project span, .private_account_contents .right_content .feedbacks_box .project .about_project .date, .private_account_contents .right_content .projects_box .project .about_project span, .private_account_contents .right_content .projects_box .project .about_project .date, .private_account_contents .right_content .invitation_details .project .about_project span, .private_account_contents .right_content .invitation_details .project .about_project .date, .private_account_contents .right_content .history_applications .project .about_project span, .private_account_contents .right_content .history_applications .project .about_project .date, .private_account_contents .right_content .certificate_details .project .about_project span, .private_account_contents .right_content .certificate_details .project .about_project .date {
    font-size: 10px;
  }
}
@media (max-width: 576px) {
  .private_account_contents .right_content .feedbacks_box .project .about_project span, .private_account_contents .right_content .feedbacks_box .project .about_project .date, .private_account_contents .right_content .projects_box .project .about_project span, .private_account_contents .right_content .projects_box .project .about_project .date, .private_account_contents .right_content .invitation_details .project .about_project span, .private_account_contents .right_content .invitation_details .project .about_project .date, .private_account_contents .right_content .history_applications .project .about_project span, .private_account_contents .right_content .history_applications .project .about_project .date, .private_account_contents .right_content .certificate_details .project .about_project span, .private_account_contents .right_content .certificate_details .project .about_project .date {
    font-size: 12px;
  }
}
.private_account_contents .right_content .feedbacks_box .project .about_project h3, .private_account_contents .right_content .projects_box .project .about_project h3, .private_account_contents .right_content .invitation_details .project .about_project h3, .private_account_contents .right_content .history_applications .project .about_project h3, .private_account_contents .right_content .certificate_details .project .about_project h3 {
  margin-top: 24px;
  color: #0E43E4;
}
.private_account_contents .right_content .feedbacks_box .project .about_project h4, .private_account_contents .right_content .projects_box .project .about_project h4, .private_account_contents .right_content .invitation_details .project .about_project h4, .private_account_contents .right_content .history_applications .project .about_project h4, .private_account_contents .right_content .certificate_details .project .about_project h4 {
  font-size: 16px;
  margin-top: 20px;
  color: #0E43E4;
  font-family: "daysone";
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .feedbacks_box .project .about_project h4, .private_account_contents .right_content .projects_box .project .about_project h4, .private_account_contents .right_content .invitation_details .project .about_project h4, .private_account_contents .right_content .history_applications .project .about_project h4, .private_account_contents .right_content .certificate_details .project .about_project h4 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
.private_account_contents .right_content .feedbacks_box .project .about_project .date, .private_account_contents .right_content .projects_box .project .about_project .date, .private_account_contents .right_content .invitation_details .project .about_project .date, .private_account_contents .right_content .history_applications .project .about_project .date, .private_account_contents .right_content .certificate_details .project .about_project .date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.private_account_contents .right_content .feedbacks_box .project .about_project .date a, .private_account_contents .right_content .projects_box .project .about_project .date a, .private_account_contents .right_content .invitation_details .project .about_project .date a, .private_account_contents .right_content .history_applications .project .about_project .date a, .private_account_contents .right_content .certificate_details .project .about_project .date a {
  font-size: 14px;
  font-weight: 500;
  font-family: "stetica";
  color: #FF614C;
  text-decoration: none;
}
.private_account_contents .right_content .feedbacks_box .project .about_project .write_feedback, .private_account_contents .right_content .projects_box .project .about_project .write_feedback, .private_account_contents .right_content .invitation_details .project .about_project .write_feedback, .private_account_contents .right_content .history_applications .project .about_project .write_feedback, .private_account_contents .right_content .certificate_details .project .about_project .write_feedback {
  font-size: 12px;
  display: block;
  width: fit-content;
  padding: 10px 20px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.private_account_contents .right_content .feedbacks_box .project .about_project .donwload_certificate, .private_account_contents .right_content .projects_box .project .about_project .donwload_certificate, .private_account_contents .right_content .invitation_details .project .about_project .donwload_certificate, .private_account_contents .right_content .history_applications .project .about_project .donwload_certificate, .private_account_contents .right_content .certificate_details .project .about_project .donwload_certificate {
  font-weight: 500;
  font-size: 12px;
  color: #FD624C;
  font-size: "stetica";
  border-radius: 30px;
  border: 1px solid #FD624C;
  padding: 10px 20px;
  text-decoration: none;
  display: block;
  width: fit-content;
  transition: 0.3s all ease;
}
.private_account_contents .right_content .feedbacks_box .project .about_project .donwload_certificate:hover, .private_account_contents .right_content .projects_box .project .about_project .donwload_certificate:hover, .private_account_contents .right_content .invitation_details .project .about_project .donwload_certificate:hover, .private_account_contents .right_content .history_applications .project .about_project .donwload_certificate:hover, .private_account_contents .right_content .certificate_details .project .about_project .donwload_certificate:hover {
  background-color: #FD624C;
  color: #fff;
}

/* Flatpickr custom styles */
.calendar-wrapper {
  position: relative;
}
.calendar-wrapper .calendar_icon {
  position: absolute;
  top: 11px;
  right: 10px;
}

.flatpickr-calendar {
  border-radius: 15px;
  border: 1px solid #9E9E9E;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  padding: 1rem;
}

.flatpickr-months {
  padding: 0.5rem;
  font-weight: bold;
  font-size: 1rem;
  color: #333;
  justify-content: center;
  display: flex;
  align-items: center;
}

.flatpickr-current-month .cur-year {
  display: none;
}

.flatpickr-weekdays {
  background: none;
  border: none;
}

.flatpickr-weekday {
  color: #444;
  font-weight: 500;
}

.flatpickr-day {
  border-radius: 50%;
  line-height: 2.2rem;
  height: 2.2rem;
  width: 2.2rem;
  margin: 0.15rem;
  font-size: 0.9rem;
  transition: 0.2s ease;
}

.flatpickr-day.selected {
  background: #ff6b5e;
  color: white;
  font-weight: bold;
  border: none;
}

.flatpickr-day:hover {
  background: #fddcd8;
}

.flatpickr-day.today {
  border: 1px solid #ff6b5e;
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  top: 22px;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  top: 22px;
}

.creating_project h1, .editing_profile h1 {
  color: #3D3D3D;
  font-size: 40px;
  font-weight: 400;
  font-family: "daysone";
  margin-top: 40px;
}
@media (max-width: 576px) {
  .creating_project h1, .editing_profile h1 {
    font-size: 24px;
  }
}
.creating_project form, .editing_profile form {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 20px;
}
@media (max-width: 576px) {
  .creating_project form, .editing_profile form {
    gap: 10px;
  }
}
.creating_project form .main_information, .creating_project form .deadline, .creating_project form .about_project, .creating_project form .cover, .creating_project form .photo, .creating_project form .video, .creating_project form .document, .creating_project form .personal_information,
.creating_project form .photo_profile, .creating_project form .personal_details, .creating_project form .about_myself, .creating_project form .education, .creating_project form .workplace, .creating_project form .portfolio, .creating_project form .social_networks, .editing_profile form .main_information, .editing_profile form .deadline, .editing_profile form .about_project, .editing_profile form .cover, .editing_profile form .photo, .editing_profile form .video, .editing_profile form .document, .editing_profile form .personal_information,
.editing_profile form .photo_profile, .editing_profile form .personal_details, .editing_profile form .about_myself, .editing_profile form .education, .editing_profile form .workplace, .editing_profile form .portfolio, .editing_profile form .social_networks {
  display: flex;
  flex-direction: column;
  font-family: "stetica";
}
.creating_project form .main_information label, .creating_project form .deadline label, .creating_project form .about_project label, .creating_project form .cover label, .creating_project form .photo label, .creating_project form .video label, .creating_project form .document label, .creating_project form .personal_information label,
.creating_project form .photo_profile label, .creating_project form .personal_details label, .creating_project form .about_myself label, .creating_project form .education label, .creating_project form .workplace label, .creating_project form .portfolio label, .creating_project form .social_networks label, .editing_profile form .main_information label, .editing_profile form .deadline label, .editing_profile form .about_project label, .editing_profile form .cover label, .editing_profile form .photo label, .editing_profile form .video label, .editing_profile form .document label, .editing_profile form .personal_information label,
.editing_profile form .photo_profile label, .editing_profile form .personal_details label, .editing_profile form .about_myself label, .editing_profile form .education label, .editing_profile form .workplace label, .editing_profile form .portfolio label, .editing_profile form .social_networks label {
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 576px) {
  .creating_project form .main_information label, .creating_project form .deadline label, .creating_project form .about_project label, .creating_project form .cover label, .creating_project form .photo label, .creating_project form .video label, .creating_project form .document label, .creating_project form .personal_information label,
  .creating_project form .photo_profile label, .creating_project form .personal_details label, .creating_project form .about_myself label, .creating_project form .education label, .creating_project form .workplace label, .creating_project form .portfolio label, .creating_project form .social_networks label, .editing_profile form .main_information label, .editing_profile form .deadline label, .editing_profile form .about_project label, .editing_profile form .cover label, .editing_profile form .photo label, .editing_profile form .video label, .editing_profile form .document label, .editing_profile form .personal_information label,
  .editing_profile form .photo_profile label, .editing_profile form .personal_details label, .editing_profile form .about_myself label, .editing_profile form .education label, .editing_profile form .workplace label, .editing_profile form .portfolio label, .editing_profile form .social_networks label {
    margin-bottom: 10px;
  }
}
.creating_project form .main_information input, .creating_project form .deadline input, .creating_project form .about_project input, .creating_project form .cover input, .creating_project form .photo input, .creating_project form .video input, .creating_project form .document input, .creating_project form .personal_information input,
.creating_project form .photo_profile input, .creating_project form .personal_details input, .creating_project form .about_myself input, .creating_project form .education input, .creating_project form .workplace input, .creating_project form .portfolio input, .creating_project form .social_networks input, .editing_profile form .main_information input, .editing_profile form .deadline input, .editing_profile form .about_project input, .editing_profile form .cover input, .editing_profile form .photo input, .editing_profile form .video input, .editing_profile form .document input, .editing_profile form .personal_information input,
.editing_profile form .photo_profile input, .editing_profile form .personal_details input, .editing_profile form .about_myself input, .editing_profile form .education input, .editing_profile form .workplace input, .editing_profile form .portfolio input, .editing_profile form .social_networks input {
  border-radius: 10px;
  border: 1px solid #C3C3C3;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 400;
}
.creating_project form .main_information input:-webkit-autofill, .creating_project form .deadline input:-webkit-autofill, .creating_project form .about_project input:-webkit-autofill, .creating_project form .cover input:-webkit-autofill, .creating_project form .photo input:-webkit-autofill, .creating_project form .video input:-webkit-autofill, .creating_project form .document input:-webkit-autofill, .creating_project form .personal_information input:-webkit-autofill,
.creating_project form .photo_profile input:-webkit-autofill, .creating_project form .personal_details input:-webkit-autofill, .creating_project form .about_myself input:-webkit-autofill, .creating_project form .education input:-webkit-autofill, .creating_project form .workplace input:-webkit-autofill, .creating_project form .portfolio input:-webkit-autofill, .creating_project form .social_networks input:-webkit-autofill, .editing_profile form .main_information input:-webkit-autofill, .editing_profile form .deadline input:-webkit-autofill, .editing_profile form .about_project input:-webkit-autofill, .editing_profile form .cover input:-webkit-autofill, .editing_profile form .photo input:-webkit-autofill, .editing_profile form .video input:-webkit-autofill, .editing_profile form .document input:-webkit-autofill, .editing_profile form .personal_information input:-webkit-autofill,
.editing_profile form .photo_profile input:-webkit-autofill, .editing_profile form .personal_details input:-webkit-autofill, .editing_profile form .about_myself input:-webkit-autofill, .editing_profile form .education input:-webkit-autofill, .editing_profile form .workplace input:-webkit-autofill, .editing_profile form .portfolio input:-webkit-autofill, .editing_profile form .social_networks input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: #000 !important;
}
.creating_project form .main_information input:focus, .creating_project form .deadline input:focus, .creating_project form .about_project input:focus, .creating_project form .cover input:focus, .creating_project form .photo input:focus, .creating_project form .video input:focus, .creating_project form .document input:focus, .creating_project form .personal_information input:focus,
.creating_project form .photo_profile input:focus, .creating_project form .personal_details input:focus, .creating_project form .about_myself input:focus, .creating_project form .education input:focus, .creating_project form .workplace input:focus, .creating_project form .portfolio input:focus, .creating_project form .social_networks input:focus, .editing_profile form .main_information input:focus, .editing_profile form .deadline input:focus, .editing_profile form .about_project input:focus, .editing_profile form .cover input:focus, .editing_profile form .photo input:focus, .editing_profile form .video input:focus, .editing_profile form .document input:focus, .editing_profile form .personal_information input:focus,
.editing_profile form .photo_profile input:focus, .editing_profile form .personal_details input:focus, .editing_profile form .about_myself input:focus, .editing_profile form .education input:focus, .editing_profile form .workplace input:focus, .editing_profile form .portfolio input:focus, .editing_profile form .social_networks input:focus {
  border-color: #F68624;
  outline: none;
}
.creating_project form .main_information input.telegram, .creating_project form .deadline input.telegram, .creating_project form .about_project input.telegram, .creating_project form .cover input.telegram, .creating_project form .photo input.telegram, .creating_project form .video input.telegram, .creating_project form .document input.telegram, .creating_project form .personal_information input.telegram,
.creating_project form .photo_profile input.telegram, .creating_project form .personal_details input.telegram, .creating_project form .about_myself input.telegram, .creating_project form .education input.telegram, .creating_project form .workplace input.telegram, .creating_project form .portfolio input.telegram, .creating_project form .social_networks input.telegram, .editing_profile form .main_information input.telegram, .editing_profile form .deadline input.telegram, .editing_profile form .about_project input.telegram, .editing_profile form .cover input.telegram, .editing_profile form .photo input.telegram, .editing_profile form .video input.telegram, .editing_profile form .document input.telegram, .editing_profile form .personal_information input.telegram,
.editing_profile form .photo_profile input.telegram, .editing_profile form .personal_details input.telegram, .editing_profile form .about_myself input.telegram, .editing_profile form .education input.telegram, .editing_profile form .workplace input.telegram, .editing_profile form .portfolio input.telegram, .editing_profile form .social_networks input.telegram {
  padding-left: 45px;
}
.creating_project form .main_information input.vk, .creating_project form .deadline input.vk, .creating_project form .about_project input.vk, .creating_project form .cover input.vk, .creating_project form .photo input.vk, .creating_project form .video input.vk, .creating_project form .document input.vk, .creating_project form .personal_information input.vk,
.creating_project form .photo_profile input.vk, .creating_project form .personal_details input.vk, .creating_project form .about_myself input.vk, .creating_project form .education input.vk, .creating_project form .workplace input.vk, .creating_project form .portfolio input.vk, .creating_project form .social_networks input.vk, .editing_profile form .main_information input.vk, .editing_profile form .deadline input.vk, .editing_profile form .about_project input.vk, .editing_profile form .cover input.vk, .editing_profile form .photo input.vk, .editing_profile form .video input.vk, .editing_profile form .document input.vk, .editing_profile form .personal_information input.vk,
.editing_profile form .photo_profile input.vk, .editing_profile form .personal_details input.vk, .editing_profile form .about_myself input.vk, .editing_profile form .education input.vk, .editing_profile form .workplace input.vk, .editing_profile form .portfolio input.vk, .editing_profile form .social_networks input.vk {
  padding-left: 45px;
}
.creating_project form .main_information p, .creating_project form .deadline p, .creating_project form .about_project p, .creating_project form .cover p, .creating_project form .photo p, .creating_project form .video p, .creating_project form .document p, .creating_project form .personal_information p,
.creating_project form .photo_profile p, .creating_project form .personal_details p, .creating_project form .about_myself p, .creating_project form .education p, .creating_project form .workplace p, .creating_project form .portfolio p, .creating_project form .social_networks p, .editing_profile form .main_information p, .editing_profile form .deadline p, .editing_profile form .about_project p, .editing_profile form .cover p, .editing_profile form .photo p, .editing_profile form .video p, .editing_profile form .document p, .editing_profile form .personal_information p,
.editing_profile form .photo_profile p, .editing_profile form .personal_details p, .editing_profile form .about_myself p, .editing_profile form .education p, .editing_profile form .workplace p, .editing_profile form .portfolio p, .editing_profile form .social_networks p {
  position: absolute;
  top: -10px;
  left: 15px;
  background-color: #fff;
  padding: 0 5px;
  font-size: 12px;
  color: #9E9E9E;
  font-weight: 400;
}
.creating_project form .main_information p span, .creating_project form .deadline p span, .creating_project form .about_project p span, .creating_project form .cover p span, .creating_project form .photo p span, .creating_project form .video p span, .creating_project form .document p span, .creating_project form .personal_information p span,
.creating_project form .photo_profile p span, .creating_project form .personal_details p span, .creating_project form .about_myself p span, .creating_project form .education p span, .creating_project form .workplace p span, .creating_project form .portfolio p span, .creating_project form .social_networks p span, .editing_profile form .main_information p span, .editing_profile form .deadline p span, .editing_profile form .about_project p span, .editing_profile form .cover p span, .editing_profile form .photo p span, .editing_profile form .video p span, .editing_profile form .document p span, .editing_profile form .personal_information p span,
.editing_profile form .photo_profile p span, .editing_profile form .personal_details p span, .editing_profile form .about_myself p span, .editing_profile form .education p span, .editing_profile form .workplace p span, .editing_profile form .portfolio p span, .editing_profile form .social_networks p span {
  color: #FD624C;
}
.creating_project form .main_information img, .creating_project form .deadline img, .creating_project form .about_project img, .creating_project form .cover img, .creating_project form .photo img, .creating_project form .video img, .creating_project form .document img, .creating_project form .personal_information img,
.creating_project form .photo_profile img, .creating_project form .personal_details img, .creating_project form .about_myself img, .creating_project form .education img, .creating_project form .workplace img, .creating_project form .portfolio img, .creating_project form .social_networks img, .editing_profile form .main_information img, .editing_profile form .deadline img, .editing_profile form .about_project img, .editing_profile form .cover img, .editing_profile form .photo img, .editing_profile form .video img, .editing_profile form .document img, .editing_profile form .personal_information img,
.editing_profile form .photo_profile img, .editing_profile form .personal_details img, .editing_profile form .about_myself img, .editing_profile form .education img, .editing_profile form .workplace img, .editing_profile form .portfolio img, .editing_profile form .social_networks img {
  position: absolute;
  right: 15px;
  top: 10px;
}
.creating_project form .main_information textarea, .creating_project form .deadline textarea, .creating_project form .about_project textarea, .creating_project form .cover textarea, .creating_project form .photo textarea, .creating_project form .video textarea, .creating_project form .document textarea, .creating_project form .personal_information textarea,
.creating_project form .photo_profile textarea, .creating_project form .personal_details textarea, .creating_project form .about_myself textarea, .creating_project form .education textarea, .creating_project form .workplace textarea, .creating_project form .portfolio textarea, .creating_project form .social_networks textarea, .editing_profile form .main_information textarea, .editing_profile form .deadline textarea, .editing_profile form .about_project textarea, .editing_profile form .cover textarea, .editing_profile form .photo textarea, .editing_profile form .video textarea, .editing_profile form .document textarea, .editing_profile form .personal_information textarea,
.editing_profile form .photo_profile textarea, .editing_profile form .personal_details textarea, .editing_profile form .about_myself textarea, .editing_profile form .education textarea, .editing_profile form .workplace textarea, .editing_profile form .portfolio textarea, .editing_profile form .social_networks textarea {
  padding: 15px;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  height: 100px;
  width: 100%;
  font-size: 16px;
  font-family: "stetica";
  font-weight: 400;
  //overflow: scroll;
}
.creating_project form .main_information textarea:focus, .creating_project form .deadline textarea:focus, .creating_project form .about_project textarea:focus, .creating_project form .cover textarea:focus, .creating_project form .photo textarea:focus, .creating_project form .video textarea:focus, .creating_project form .document textarea:focus, .creating_project form .personal_information textarea:focus,
.creating_project form .photo_profile textarea:focus, .creating_project form .personal_details textarea:focus, .creating_project form .about_myself textarea:focus, .creating_project form .education textarea:focus, .creating_project form .workplace textarea:focus, .creating_project form .portfolio textarea:focus, .creating_project form .social_networks textarea:focus, .editing_profile form .main_information textarea:focus, .editing_profile form .deadline textarea:focus, .editing_profile form .about_project textarea:focus, .editing_profile form .cover textarea:focus, .editing_profile form .photo textarea:focus, .editing_profile form .video textarea:focus, .editing_profile form .document textarea:focus, .editing_profile form .personal_information textarea:focus,
.editing_profile form .photo_profile textarea:focus, .editing_profile form .personal_details textarea:focus, .editing_profile form .about_myself textarea:focus, .editing_profile form .education textarea:focus, .editing_profile form .workplace textarea:focus, .editing_profile form .portfolio textarea:focus, .editing_profile form .social_networks textarea:focus {
  outline: none;
  border-color: #F68624;
}
.creating_project form .main_information .file_input, .creating_project form .deadline .file_input, .creating_project form .about_project .file_input, .creating_project form .cover .file_input, .creating_project form .photo .file_input, .creating_project form .video .file_input, .creating_project form .document .file_input, .creating_project form .personal_information .file_input,
.creating_project form .photo_profile .file_input, .creating_project form .personal_details .file_input, .creating_project form .about_myself .file_input, .creating_project form .education .file_input, .creating_project form .workplace .file_input, .creating_project form .portfolio .file_input, .creating_project form .social_networks .file_input, .editing_profile form .main_information .file_input, .editing_profile form .deadline .file_input, .editing_profile form .about_project .file_input, .editing_profile form .cover .file_input, .editing_profile form .photo .file_input, .editing_profile form .video .file_input, .editing_profile form .document .file_input, .editing_profile form .personal_information .file_input,
.editing_profile form .photo_profile .file_input, .editing_profile form .personal_details .file_input, .editing_profile form .about_myself .file_input, .editing_profile form .education .file_input, .editing_profile form .workplace .file_input, .editing_profile form .portfolio .file_input, .editing_profile form .social_networks .file_input {
  display: none;
}
.creating_project form .main_information .file-name, .creating_project form .deadline .file-name, .creating_project form .about_project .file-name, .creating_project form .cover .file-name, .creating_project form .photo .file-name, .creating_project form .video .file-name, .creating_project form .document .file-name, .creating_project form .personal_information .file-name,
.creating_project form .photo_profile .file-name, .creating_project form .personal_details .file-name, .creating_project form .about_myself .file-name, .creating_project form .education .file-name, .creating_project form .workplace .file-name, .creating_project form .portfolio .file-name, .creating_project form .social_networks .file-name, .editing_profile form .main_information .file-name, .editing_profile form .deadline .file-name, .editing_profile form .about_project .file-name, .editing_profile form .cover .file-name, .editing_profile form .photo .file-name, .editing_profile form .video .file-name, .editing_profile form .document .file-name, .editing_profile form .personal_information .file-name,
.editing_profile form .photo_profile .file-name, .editing_profile form .personal_details .file-name, .editing_profile form .about_myself .file-name, .editing_profile form .education .file-name, .editing_profile form .workplace .file-name, .editing_profile form .portfolio .file-name, .editing_profile form .social_networks .file-name {
  border-radius: 10px;
  border: 1px solid #C3C3C3;
  padding: 11px 15px;
  font-size: 16px;
  font-weight: 500;
  font-family: "stetica";
  color: #FD624C;
  cursor: pointer;
  transition: 0.3s all ease;
}
.creating_project form .main_information .file-name:hover, .creating_project form .deadline .file-name:hover, .creating_project form .about_project .file-name:hover, .creating_project form .cover .file-name:hover, .creating_project form .photo .file-name:hover, .creating_project form .video .file-name:hover, .creating_project form .document .file-name:hover, .creating_project form .personal_information .file-name:hover,
.creating_project form .photo_profile .file-name:hover, .creating_project form .personal_details .file-name:hover, .creating_project form .about_myself .file-name:hover, .creating_project form .education .file-name:hover, .creating_project form .workplace .file-name:hover, .creating_project form .portfolio .file-name:hover, .creating_project form .social_networks .file-name:hover, .editing_profile form .main_information .file-name:hover, .editing_profile form .deadline .file-name:hover, .editing_profile form .about_project .file-name:hover, .editing_profile form .cover .file-name:hover, .editing_profile form .photo .file-name:hover, .editing_profile form .video .file-name:hover, .editing_profile form .document .file-name:hover, .editing_profile form .personal_information .file-name:hover,
.editing_profile form .photo_profile .file-name:hover, .editing_profile form .personal_details .file-name:hover, .editing_profile form .about_myself .file-name:hover, .editing_profile form .education .file-name:hover, .editing_profile form .workplace .file-name:hover, .editing_profile form .portfolio .file-name:hover, .editing_profile form .social_networks .file-name:hover {
  border-color: #F68624;
}
.creating_project form .main_information svg, .creating_project form .deadline svg, .creating_project form .about_project svg, .creating_project form .cover svg, .creating_project form .photo svg, .creating_project form .video svg, .creating_project form .document svg, .creating_project form .personal_information svg,
.creating_project form .photo_profile svg, .creating_project form .personal_details svg, .creating_project form .about_myself svg, .creating_project form .education svg, .creating_project form .workplace svg, .creating_project form .portfolio svg, .creating_project form .social_networks svg, .editing_profile form .main_information svg, .editing_profile form .deadline svg, .editing_profile form .about_project svg, .editing_profile form .cover svg, .editing_profile form .photo svg, .editing_profile form .video svg, .editing_profile form .document svg, .editing_profile form .personal_information svg,
.editing_profile form .photo_profile svg, .editing_profile form .personal_details svg, .editing_profile form .about_myself svg, .editing_profile form .education svg, .editing_profile form .workplace svg, .editing_profile form .portfolio svg, .editing_profile form .social_networks svg {
  position: absolute;
  top: 15px;
  right: 15px;
  transition: 0.3s all ease;
  cursor: pointer;
}
.creating_project form .main_information svg:hover path, .creating_project form .deadline svg:hover path, .creating_project form .about_project svg:hover path, .creating_project form .cover svg:hover path, .creating_project form .photo svg:hover path, .creating_project form .video svg:hover path, .creating_project form .document svg:hover path, .creating_project form .personal_information svg:hover path,
.creating_project form .photo_profile svg:hover path, .creating_project form .personal_details svg:hover path, .creating_project form .about_myself svg:hover path, .creating_project form .education svg:hover path, .creating_project form .workplace svg:hover path, .creating_project form .portfolio svg:hover path, .creating_project form .social_networks svg:hover path, .editing_profile form .main_information svg:hover path, .editing_profile form .deadline svg:hover path, .editing_profile form .about_project svg:hover path, .editing_profile form .cover svg:hover path, .editing_profile form .photo svg:hover path, .editing_profile form .video svg:hover path, .editing_profile form .document svg:hover path, .editing_profile form .personal_information svg:hover path,
.editing_profile form .photo_profile svg:hover path, .editing_profile form .personal_details svg:hover path, .editing_profile form .about_myself svg:hover path, .editing_profile form .education svg:hover path, .editing_profile form .workplace svg:hover path, .editing_profile form .portfolio svg:hover path, .editing_profile form .social_networks svg:hover path {
  fill: #F68624;
}
.creating_project form .main_information .country-select, .creating_project form .deadline .country-select, .creating_project form .about_project .country-select, .creating_project form .cover .country-select, .creating_project form .photo .country-select, .creating_project form .video .country-select, .creating_project form .document .country-select, .creating_project form .personal_information .country-select,
.creating_project form .photo_profile .country-select, .creating_project form .personal_details .country-select, .creating_project form .about_myself .country-select, .creating_project form .education .country-select, .creating_project form .workplace .country-select, .creating_project form .portfolio .country-select, .creating_project form .social_networks .country-select, .editing_profile form .main_information .country-select, .editing_profile form .deadline .country-select, .editing_profile form .about_project .country-select, .editing_profile form .cover .country-select, .editing_profile form .photo .country-select, .editing_profile form .video .country-select, .editing_profile form .document .country-select, .editing_profile form .personal_information .country-select,
.editing_profile form .photo_profile .country-select, .editing_profile form .personal_details .country-select, .editing_profile form .about_myself .country-select, .editing_profile form .education .country-select, .editing_profile form .workplace .country-select, .editing_profile form .portfolio .country-select, .editing_profile form .social_networks .country-select {
  height: 40px;
  width: 100%;
}
.creating_project form .main_information .nice-select, .creating_project form .deadline .nice-select, .creating_project form .about_project .nice-select, .creating_project form .cover .nice-select, .creating_project form .photo .nice-select, .creating_project form .video .nice-select, .creating_project form .document .nice-select, .creating_project form .personal_information .nice-select,
.creating_project form .photo_profile .nice-select, .creating_project form .personal_details .nice-select, .creating_project form .about_myself .nice-select, .creating_project form .education .nice-select, .creating_project form .workplace .nice-select, .creating_project form .portfolio .nice-select, .creating_project form .social_networks .nice-select, .editing_profile form .main_information .nice-select, .editing_profile form .deadline .nice-select, .editing_profile form .about_project .nice-select, .editing_profile form .cover .nice-select, .editing_profile form .photo .nice-select, .editing_profile form .video .nice-select, .editing_profile form .document .nice-select, .editing_profile form .personal_information .nice-select,
.editing_profile form .photo_profile .nice-select, .editing_profile form .personal_details .nice-select, .editing_profile form .about_myself .nice-select, .editing_profile form .education .nice-select, .editing_profile form .workplace .nice-select, .editing_profile form .portfolio .nice-select, .editing_profile form .social_networks .nice-select {
  width: 100%;
  height: 40px;
}
.creating_project form .main_information .nice-select .current, .creating_project form .deadline .nice-select .current, .creating_project form .about_project .nice-select .current, .creating_project form .cover .nice-select .current, .creating_project form .photo .nice-select .current, .creating_project form .video .nice-select .current, .creating_project form .document .nice-select .current, .creating_project form .personal_information .nice-select .current,
.creating_project form .photo_profile .nice-select .current, .creating_project form .personal_details .nice-select .current, .creating_project form .about_myself .nice-select .current, .creating_project form .education .nice-select .current, .creating_project form .workplace .nice-select .current, .creating_project form .portfolio .nice-select .current, .creating_project form .social_networks .nice-select .current, .editing_profile form .main_information .nice-select .current, .editing_profile form .deadline .nice-select .current, .editing_profile form .about_project .nice-select .current, .editing_profile form .cover .nice-select .current, .editing_profile form .photo .nice-select .current, .editing_profile form .video .nice-select .current, .editing_profile form .document .nice-select .current, .editing_profile form .personal_information .nice-select .current,
.editing_profile form .photo_profile .nice-select .current, .editing_profile form .personal_details .nice-select .current, .editing_profile form .about_myself .nice-select .current, .editing_profile form .education .nice-select .current, .editing_profile form .workplace .nice-select .current, .editing_profile form .portfolio .nice-select .current, .editing_profile form .social_networks .nice-select .current {
  font-size: 16px;
  font-weight: 400;
  font-family: "stetica";
}
.creating_project form .cover label, .creating_project form .photo label, .creating_project form .video label, .creating_project form .document label, .editing_profile form .cover label, .editing_profile form .photo label, .editing_profile form .video label, .editing_profile form .document label {
  margin-bottom: 0;
}
.creating_project form .personal_information svg, .creating_project form .social_networks svg, .editing_profile form .personal_information svg, .editing_profile form .social_networks svg {
  top: 12px;
}
.creating_project form .personal_information img, .creating_project form .social_networks img, .editing_profile form .personal_information img, .editing_profile form .social_networks img {
  left: 15px;
  top: 6px;
}
.creating_project form .project_creating_buttons, .editing_profile form .project_creating_buttons {
  display: flex;
  gap: 0 30px;
}
.creating_project form .project_creating_buttons button, .editing_profile form .project_creating_buttons button {
  width: calc(50% - 15px);
  text-align: center;
  padding: 10px 0 11px 0;
}
.creating_project form .project_creating_buttons button:first-child, .editing_profile form .project_creating_buttons button:first-child {
  background-color: #FD624C !important;
}
.creating_project form .project_creating_buttons button:last-child, .editing_profile form .project_creating_buttons button:last-child {
  border: none;
  background-color: transparent;
  border-radius: 25px;
  border: 1px solid #FD624C;
  font-size: 16px;
  color: #FD624C;
  font-weight: 500;
  font-family: "stetica";
  transition: 0.3s all ease;
}
.creating_project form .project_creating_buttons button:last-child:hover, .editing_profile form .project_creating_buttons button:last-child:hover {
  background-color: #FD624C;
  color: #fff;
}
.creating_project form h3, .editing_profile form h3 {
  font-size: 24px;
  font-weight: 500;
  font-family: "stetica";
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .creating_project form h3, .editing_profile form h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.creating_project form .personal_information, .editing_profile form .personal_information {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 576px) {
  .creating_project form .personal_information, .editing_profile form .personal_information {
    gap: 10px;
  }
}
.creating_project form .personal_information h3, .editing_profile form .personal_information h3 {
  margin-bottom: 0;
}
.creating_project form .personal_information label, .editing_profile form .personal_information label {
  margin-bottom: 0 !important;
}
.creating_project form .phone-input-container, .editing_profile form .phone-input-container {
  width: 100%;
}
.creating_project form .photo_profile label, .editing_profile form .photo_profile label {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.creating_project form .photo_profile label span, .editing_profile form .photo_profile label span {
  font-size: 14px;
  color: #9E9E9E;
  font-weight: 400px;
  font-family: "stetica";
}
.creating_project form .photo_profile label input, .editing_profile form .photo_profile label input {
  display: none;
}
.creating_project form .photo_profile label svg, .editing_profile form .photo_profile label svg, .editing_profile form .photo_profile label img {
  position: unset;
}

.editing_profile form .photo_profile label img{
  max-width: 150px;
}

.creating_project form .photo_profile label svg:hover circle:first-child, .editing_profile form .photo_profile label svg:hover circle:first-child {
  fill: #F68624;
}
.creating_project form .personal_details input, .editing_profile form .personal_details input {
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .creating_project form .personal_details input, .editing_profile form .personal_details input {
    margin-bottom: 10px;
  }
}
.creating_project form .personal_details input:last-child, .editing_profile form .personal_details input:last-child {
  margin-bottom: 0;
}
.creating_project form .personal_details label input, .editing_profile form .personal_details label input {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .creating_project form .about_myself, .editing_profile form .about_myself {
    margin-top: 10px;
  }
}
.creating_project form .about_myself .add_language, .editing_profile form .about_myself .add_language {
  font-size: 14px;
  color: #DD7864;
  font-family: "stetica";
  font-weight: 400;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
  transition: 0.3s all ease;
}
.creating_project form .about_myself .add_language:hover, .editing_profile form .about_myself .add_language:hover {
  transform: scale(1.05);
}
.creating_project form .about_myself .language-input.show, .editing_profile form .about_myself .language-input.show {
  display: inline-block !important;
  margin-top: 16px;
}
.creating_project form .about_myself .nice-select .list, .editing_profile form .about_myself .nice-select .list {
  height: fit-content;
}
.creating_project form .portfolio h5, .editing_profile form .portfolio h5 {
  font-size: 16px;
  font-weight: 500;
  font-family: "stetica";
}
@media (max-width: 576px) {
  .creating_project form .portfolio h5, .editing_profile form .portfolio h5 {
    font-size: 14px;
  }
}
.creating_project form .education .nice-select .list, .editing_profile form .education .nice-select .list {
  height: fit-content;
}
.creating_project form .deleting_profile, .editing_profile form .deleting_profile {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 0 10px;
  width: fit-content;
  border: none;
  background-color: transparent;
}
.creating_project form .deleting_profile span, .editing_profile form .deleting_profile span {
  display: inline-block;
  margin-top: 2px;
  font-family: "stetica";
  font-size: 14px;
  font-weight: 400;
}
.creating_project form .iti, .editing_profile form .iti {
  width: 100%;
}
.creating_project form .iti__flag-container, .editing_profile form .iti__flag-container {
  left: 0px;
}
.creating_project form .iti__selected-flag, .editing_profile form .iti__selected-flag {
  border-radius: 10px 0 0 10px;
}
.creating_project form .iti__selected-dial-code, .creating_project form .iti__country-name, .editing_profile form .iti__selected-dial-code, .editing_profile form .iti__country-name {
  font-size: 16px;
  font-weight: 400;
  font-family: "stetica";
}
.creating_project form .iti__selected-dial-code, .editing_profile form .iti__selected-dial-code {
  display: none;
}
.creating_project form .iti__dial-code, .editing_profile form .iti__dial-code {
  font-family: "stetica";
  font-size: 16px;
  font-weight: 400;
}

.private_account_contents .right_content .invitation_content {
  padding: 35px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .invitation_content {
    padding: 20px 15px 15px 15px;
  }
}
.private_account_contents .right_content .invitation_content p {
  font-size: 16px;
  font-family: "stetica";
  font-weight: 400;
}
.private_account_contents .right_content .invitation_details form {
  gap: 30px;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .invitation_details form {
    gap: 15px;
  }
}
@media (max-width: 576px) {
  .private_account_contents .right_content .invitation_details .nice-select {
    width: calc(50% - 15px);
  }
}
.private_account_contents .right_content .invitation_details .nice-select .current {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.private_account_contents .right_content .invitation_details .nice-select .list {
  width: auto;
}
.private_account_contents .right_content .tables_container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.private_account_contents .right_content .tables_container .table1 {
  padding: 15px 0 30px 0;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  display: flex;
  flex-direction: column;
}
.private_account_contents .right_content .tables_container .table1:nth-child(2) .row1:nth-child(5) .table_body {
  font-weight: 500;
  color: #66E223;
}
.private_account_contents .right_content .tables_container .table1:nth-child(3) .row1:nth-child(5) .table_body {
  font-weight: 500;
  color: #BC4B39;
}
.private_account_contents .right_content .tables_container .table1 .table_container {
  display: flex;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .tables_container .table1 .table_container {
    flex-direction: column;
  }
}
.private_account_contents .right_content .tables_container .table1 .table_container .row1 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .tables_container .table1 .table_container .row1:first-child .table_head, .private_account_contents .right_content .tables_container .table1 .table_container .row1:first-child .table_body, .private_account_contents .right_content .tables_container .table1 .table_container .row1:nth-child(n+1) .table_head, .private_account_contents .right_content .tables_container .table1 .table_container .row1:nth-child(n+1) .table_body {
    border-right: 0;
    border-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .tables_container .table1 .table_container .row1:last-child .table_head, .private_account_contents .right_content .tables_container .table1 .table_container .row1:last-child .table_body {
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
  }
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .tables_container .table1 .table_container .row1 {
    flex-direction: row;
  }
}
.private_account_contents .right_content .tables_container .table1 .table_container .row1:last-child .table_head, .private_account_contents .right_content .tables_container .table1 .table_container .row1:last-child .table_body {
  border-right: none;
}
.private_account_contents .right_content .tables_container .table1 .table_container .row1:last-child .table_body:last-child {
  font-weight: 500;
}
.private_account_contents .right_content .tables_container .table1 .table_container .row1 .table_head, .private_account_contents .right_content .tables_container .table1 .table_container .row1 .table_body {
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  border: 1px solid #C3C3C3;
  text-align: center;
  font-size: 14px;
  padding-bottom: 10px;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .tables_container .table1 .table_container .row1 .table_head, .private_account_contents .right_content .tables_container .table1 .table_container .row1 .table_body {
    width: 60%;
  }
}
.private_account_contents .right_content .tables_container .table1 .table_container .row1 .table_head {
  font-weight: 500;
  border-bottom: 0;
  border-left: none;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .tables_container .table1 .table_container .row1 .table_head {
    width: 40%;
    border-bottom: 1px solid #C3C3C3;
  }
}
.private_account_contents .right_content .tables_container .table1 .table_container .row1 .table_body {
  border-left: none;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .tables_container .table1 .table_container .row1 .table_body {
    border-left: 1px solid #C3C3C3;
  }
}
.private_account_contents .right_content .tables_container .table1 .table_buttons {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  flex-wrap: wrap;
  gap: 20px 0;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .tables_container .table1 .table_buttons {
    flex-direction: column;
    gap: 20px;
    padding: 0 15px;
  }
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .action_buttons {
  display: flex;
  gap: 0 20px;
  align-items: flex-start;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .tables_container .table1 .table_buttons .action_buttons {
    display: none;
  }
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .action_buttons a {
  display: block;
  text-decoration: none;
  font-family: "stetica";
  font-size: 12px;
  font-weight: 500;
  padding: 11px 20px 10px 20px;
  border-radius: 20px;
  transition: 0.3s all ease;
  border: 1px solid transparent;
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .action_buttons .green_button {
  color: #fff;
  background: #66E223;
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .action_buttons .green_button:hover {
  background: transparent;
  border-color: #66E223;
  color: inherit;
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .action_buttons .red_button {
  background: #FD624C;
  color: #fff;
  box-shadow: none;
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .action_buttons .red_button:hover {
  background: transparent;
  border-color: #FD624C;
  color: inherit;
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .see_more {
  width: fit-content;
  padding: 11px 20px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #FD624C;
  border-radius: 20px;
  color: #FD624C;
  text-decoration: none;
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .more_btn {
  color: #fff !important;
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .cancel_invitation {
  display: none;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .tables_container .table1 .table_buttons .cancel_invitation {
    display: block;
    width: fit-content;
    font-size: 12px;
    font-weight: 500;
    padding: 11px 20px;
  }
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .contact_manager.more_btn {
  align-items: flex-start;
}
.private_account_contents .right_content .tables_container .table1 .table_buttons a {
  width: fit-content;
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .contact_manager, .private_account_contents .right_content .tables_container .table1 .table_buttons .more_to_see, .private_account_contents .right_content .tables_container .table1 .table_buttons .cancel, .private_account_contents .right_content .tables_container .table1 .table_buttons .contact_volunteer {
  padding: 11px 20px 10px 20px;
  border-radius: 20px;
  border: 1px solid #FD624C;
  font-family: "stetica";
  font-size: 12px;
  font-weight: 500;
  color: #FD624C;
  transition: 0.3s all ease;
  text-decoration: none;
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .contact_manager:hover, .private_account_contents .right_content .tables_container .table1 .table_buttons .more_to_see:hover, .private_account_contents .right_content .tables_container .table1 .table_buttons .cancel:hover, .private_account_contents .right_content .tables_container .table1 .table_buttons .contact_volunteer:hover {
  color: #fff;
  background-color: #FD624C;
}
.private_account_contents .right_content .tables_container .table1 .table_buttons .cancel {
  background-color: #FD624C;
  color: #fff;
}
.private_account_contents .right_content .tables_container .table1:nth-child(2) .table_body .body_text:nth-child(5) {
  color: #66E223;
}
.private_account_contents .right_content .tables_container .table1:nth-child(2) .table_buttons {
  justify-content: flex-end;
}
.private_account_contents .right_content .tables_container .table1:nth-child(2) .table_buttons.space_between {
  justify-content: space-between;
}
.private_account_contents .right_content .tables_container .table1:nth-child(2).volunter .table_buttons {
  justify-content: space-between;
}
.private_account_contents .right_content .tables_container .table1:last-child .table_body .body_text:nth-child(5) {
  color: #BC4B39;
}
.private_account_contents .right_content .tables_container .table1:last-child .table_buttons {
  justify-content: flex-end;
}
.private_account_contents .right_content .tables_container .table1:last-child .table_buttons.space_between {
  justify-content: space-between;
}
.private_account_contents .right_content .tables_container .table1:last-child.volunter .table_buttons {
  justify-content: space-between;
}
.private_account_contents .right_content .tables_container .table1.application_table .table_buttons {
  justify-content: space-between;
}
.private_account_contents .right_content .tables_container .table1.volunteers .table_buttons {
  justify-content: space-between;
}
.private_account_contents .right_content .history_applications {
  position: relative;
  overflow: hidden;
  gap: 0;
}
.private_account_contents .right_content .history_applications::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 100px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 38.24%, #FFF 72.27%);
}
@media (max-width: 1100px) {
  .private_account_contents .right_content .history_applications::after {
    bottom: 0;
  }
}
.private_account_contents .right_content .history_applications.notBlur::after {
  display: none;
}
.private_account_contents .right_content .history_applications form {
  margin-bottom: 20px;
  gap: 30px;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .history_applications form {
    gap: 15px;
  }
}
@media (max-width: 576px) {
  .private_account_contents .right_content .history_applications .nice-select {
    width: calc(50% - 15px);
  }
}
.private_account_contents .right_content .history_applications .nice-select .current {
  font-size: 14px;
  font-weight: 400;
  font-family: "stetica";
}
.private_account_contents .right_content .history_applications .tables_container {
  max-height: 0px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.6s ease;
  border-collapse: collapse;
  gap: 0;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .history_applications .tables_container {
    flex-direction: column;
  }
}
.private_account_contents .right_content .history_applications .tables_container .row2 {
  border: 1px solid #C3C3C3;
  border-right: none;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .history_applications .tables_container .row2 {
    border-bottom: none;
    border-right: 1px solid #C3C3C3;
  }
}
.private_account_contents .right_content .history_applications .tables_container .row2:first-child {
  width: 18%;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .history_applications .tables_container .row2:first-child {
    width: 100%;
  }
}
.private_account_contents .right_content .history_applications .tables_container .row2:nth-child(2) {
  width: 25%;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .history_applications .tables_container .row2:nth-child(2) {
    width: 100%;
  }
  .private_account_contents .right_content .history_applications .tables_container .row2:nth-child(2) .head_row {
    border-top: none;
  }
}
.private_account_contents .right_content .history_applications .tables_container .row2:last-child {
  width: 18%;
  border-right: 1px solid #C3C3C3;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .history_applications .tables_container .row2:last-child {
    width: 100%;
  }
}
.private_account_contents .right_content .history_applications .tables_container .row2 .head_row {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #C3C3C3;
  height: 40px;
}
.private_account_contents .right_content .history_applications .tables_container .row2 .body_row {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  height: 52px;
  border-bottom: 1px solid #C3C3C3;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .history_applications .tables_container .row2 .body_row:last-child {
    border-bottom: none;
  }
}
.private_account_contents .right_content .history_applications .tables_container.expanded {
  max-height: 2000px;
  overflow: auto;
}
.private_account_contents .right_content .history_applications .fade {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  pointer-events: none;
  transition: opacity 0.3s;
}
.private_account_contents .right_content .history_applications .tables_container.expanded + .fade {
  opacity: 0;
  visibility: hidden;
}
.private_account_contents .right_content .history_applications .expand-button {
  display: block;
  margin: 10px auto 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #333;
  transition: transform 0.3s;
  position: relative;
  z-index: 2;
}
.private_account_contents .right_content .history_applications .expand-button.rotated {
  transform: rotate(180deg);
}

.private_account_contents .right_content .certications_box {
  display: flex;
  gap: 0 30px;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .certications_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.private_account_contents .right_content .certificate {
  width: calc(50% - 15px);
  border-radius: 20px;
  border: 1px solid #C3C3C3;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .certificate {
    width: 100%;
  }
}
.private_account_contents .right_content .certificate .image {
  width: 100%;
}
.private_account_contents .right_content .certificate .image img {
  width: 100%;
  height: 200px;
  padding: 0 30px;
  object-fit: cover;
  margin-top: 10px;
}
.private_account_contents .right_content .certificate .about {
  padding: 20px 15px;
}
.private_account_contents .right_content .certificate .about h4 {
  font-family: "daysone";
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
}
.private_account_contents .right_content .certificate .about .date, .private_account_contents .right_content .certificate .about .organizator, .private_account_contents .right_content .certificate .about .category {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-family: "stetica";
  margin-top: 20px;
}
.private_account_contents .right_content .certificate .about .date span, .private_account_contents .right_content .certificate .about .organizator span, .private_account_contents .right_content .certificate .about .category span {
  font-size: 16px;
  font-weight: 500;
}
.private_account_contents .right_content .certificate .about .date p, .private_account_contents .right_content .certificate .about .organizator p, .private_account_contents .right_content .certificate .about .category p {
  font-size: 16px;
  font-weight: 400;
}
.private_account_contents .right_content .certificate .about a {
  display: block;
  width: fit-content;
  padding: 10px 22px;
  font-size: 12px;
  font-family: "stetica";
  font-weight: 500;
  margin-top: 20px;
}

.private_account_contents .right_content .messanger {
  display: flex;
  border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  padding: 2px 2px 2px 0;
  height: fit-content;
}
.private_account_contents .right_content .messanger .contacts {
  width: 48%;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 60px 0px;
  border-radius: 20px;
  border-left: none;
  overflow-y: scroll;
  position: relative;
  border: 1px solid #9E9E9E;
  transition: 0.2s all ease;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid #9E9E9E;
  background: #F5F5F5;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .messanger .contacts {
    transition: none;
  }
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .messanger .contacts {
    width: 101%;
  }
}
.private_account_contents .right_content .messanger .contacts.tab_opened {
  width: 35%;
  box-shadow: none;
  background: #fff;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .messanger .contacts.tab_opened {
    width: 0%;
  }
}
.private_account_contents .right_content .messanger .contacts.tab_opened .searching_box {
  background: #fff;
}
.private_account_contents .right_content .messanger .contacts.tab_opened .tab_contact {
  background: #fff;
}
.private_account_contents .right_content .messanger .contacts .searching_box {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 35px 15px 20px 15px;
  z-index: 10;
  background: #F5F5F5;
}
.private_account_contents .right_content .messanger .contacts .searching_box input {
  width: 100%;
  padding: 11px 45px 11px 15px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  font-size: 16px;
  font-family: "stetica";
  font-weight: 400;
}
.private_account_contents .right_content .messanger .contacts .searching_box img {
  position: absolute;
  top: 50px;
  right: 30px;
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  padding: 0 15px;
  overflow-x: scroll;
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs .tab_contact {
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  padding: 18px 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s all ease;
  background: #E8E8E8;
}
@media (max-width: 576px) {
  .private_account_contents .right_content .messanger .contacts .contacts_tabs .tab_contact {
    padding: 15px 10px;
  }
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs .tab_contact:hover {
  box-shadow: 2px 2px 7px #ccc;
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs .image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0E43E4;
  margin-right: 10px;
  overflow: hidden;
  flex-shrink: 0;
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs .image span {
  font-size: 24px;
  font-family: "stetica";
  color: #fff;
  position: absolute;
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs .contact_name {
  font-family: "Stetica";
  font-size: 16px;
  margin-right: 10px;
  flex: 1;
  min-width: 0;
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs .contact_name span {
  font-weight: 500;
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs .contact_name p {
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs .date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex-shrink: 0;
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs .date p {
  font-size: 12px;
  color: #9E9E9E;
  font-weight: 400;
  font-family: "stetica";
}
.private_account_contents .right_content .messanger .contacts .contacts_tabs .date span {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  color: #fff;
  background-color: #FD624C;
  border-radius: 50%;
  font-size: 12px;
  font-family: "stetica";
}
.private_account_contents .right_content .messanger .messages_container {
  width: 52%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: hidden;
  border-radius: 20px;
  transition: 0.2s all ease;
  border: 1px solid #9E9E9E;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .messanger .messages_container {
    transition: none;
  }
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .messanger .messages_container {
    width: 0;
    margin-right: -3px;
  }
}
.private_account_contents .right_content .messanger .messages_container .chat_header button {
  display: none;
}
.private_account_contents .right_content .messanger .messages_container.tab_opened {
  width: 65%;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.5);
  background: #F5F5F5;
}
@media (max-width: 1024px) {
  .private_account_contents .right_content .messanger .messages_container.tab_opened {
    width: 100%;
  }
}
.private_account_contents .right_content .messanger .messages_container.tab_opened .chat_header {
  border-top: none;
  border-right: none;
  border-left: none;
}
.private_account_contents .right_content .messanger .messages_container.tab_opened .chat_header button {
  display: block;
  border: none;
  background-color: transparent;
}
.private_account_contents .right_content .messanger .messages_container.tab_opened .chat_input {
  border-right: none;
  border-left: none;
  border-bottom: none;
}
.private_account_contents .right_content .messanger .messages_container .placeholder_text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.private_account_contents .right_content .messanger .messages_container .placeholder_text img {
  width: fit-content;
}
.private_account_contents .right_content .messanger .messages_container .placeholder_text span {
  color: #C3C3C3;
  font-size: 16px;
  font-family: "stetica";
}
.private_account_contents .right_content .messanger .messages_container .chat_content {
  display: none;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%;
}
.private_account_contents .right_content .messanger .messages_container .chat_header {
  padding: 15px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  border: 1px solid #9E9E9E;
  background: #F5F5F5;
  font-family: "stetica";
}
.private_account_contents .right_content .messanger .messages_container .chat_header .details span {
  font-size: 16px;
  font-weight: 500;
  font-family: "stetica";
}
.private_account_contents .right_content .messanger .messages_container .chat_header .details .status {
  font-size: 14px;
  font-family: "stetica";
}
.private_account_contents .right_content .messanger .messages_container .chat_header .avatar {
  background: #007bff;
  color: white;
  padding: 10px;
  border-radius: 50%;
  font-weight: bold;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "stetica";
  font-size: 24px;
}
.private_account_contents .right_content .messanger .messages_container .chat_header .details span {
  display: block;
  font-weight: bold;
}
.private_account_contents .right_content .messanger .messages_container .chat_header .details .status {
  font-size: 12px;
  color: green;
}
.private_account_contents .right_content .messanger .messages_container .chat_body {
  padding: 10px;
  flex: 1;
  overflow: scroll;
  padding-bottom: 50px;
}
.private_account_contents .right_content .messanger .messages_container .chat_body .contact_message {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-image: url(../images/sender-bg.png);
  background-size: 100% 100%;
  padding: 20px;
  margin-bottom: 12px;
}
.private_account_contents .right_content .messanger .messages_container .chat_body .contact_message .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.private_account_contents .right_content .messanger .messages_container .chat_body .contact_message .info .contact_detail {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.private_account_contents .right_content .messanger .messages_container .chat_body .contact_message .info .contact_detail .name {
  font-size: 16px;
  font-weight: 500;
  font-family: "stetica";
}
.private_account_contents .right_content .messanger .messages_container .chat_body .contact_message .info .image {
  width: 35px;
  height: 35px;
  background-color: #0E43E4;
  color: #fff;
  font-size: 14px;
  font-family: "stetica";
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.private_account_contents .right_content .messanger .messages_container .chat_body .contact_message .info .time {
  font-size: 10px;
  font-family: "stetica";
  font-weight: 400;
  color: #888;
}
.private_account_contents .right_content .messanger .messages_container .chat_input {
  background: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 20px;
  border-top: 1px solid #9E9E9E;
  border-right: 1px solid #9E9E9E;
  border-left: 1px solid #9E9E9E;
  padding-right: 5px;
}
.private_account_contents .right_content .messanger .messages_container .chat_input input[type=text] {
  width: 100%;
  padding: 10px;
  padding-right: 25px;
  border-radius: 5px;
  border: none;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 400;
  font-family: "stetica";
}
.private_account_contents .right_content .messanger .messages_container .chat_input input[type=text]:focus {
  outline: none;
}
.private_account_contents .right_content .messanger .messages_container .file-btn {
  background: none;
  border: none;
  cursor: pointer;
  background: transparent;
  position: absolute;
  top: 10px;
  right: 120px;
}
.private_account_contents .right_content .messanger .messages_container .send-btn {
  padding: 10px 22px;
  border-radius: 20px;
  border: none;
  background-color: #0E43E4;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 93.515%;
}
.private_account_contents .right_content .messanger .messages_container .file-input {
  display: none;
}
.private_account_contents .right_content .messanger .messages_container .message-wrapper {
  background-image: url(../images/message-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 20px;
}
.private_account_contents .right_content .messanger .messages_container .message {
  margin-top: 10px;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  font-size: 14px;
  font-weight: 400;
  font-family: "stetica";
}
.private_account_contents .right_content .messanger .messages_container .message.file {
  color: #333;
  font-style: italic;
}
.private_account_contents .right_content .messanger .messages_container .sender-info {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.private_account_contents .right_content .messanger .messages_container .sender-avatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
}
.private_account_contents .right_content .messanger .messages_container .sender-name {
  font-weight: 500;
  font-family: "stetica";
  font-size: 16px;
}
.private_account_contents .right_content .messanger .messages_container .timestamp {
  color: #888;
  margin-left: auto;
  font-size: 10px;
  font-family: "stetica";
  font-weight: 400;
}
.private_account_contents .right_content .messanger .messages_container .message-wrapper {
  margin-bottom: 12px;
}

.back_connect_banner {
  background-color: #008988;
  background-image: url(../images/connect_bakc_bg.png);
  background-size: cover;
  overflow: hidden;
}
@media (max-width: 576px) {
  .back_connect_banner {
    position: relative;
  }
}
.back_connect_banner .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 270px;
}
@media (max-width: 576px) {
  .back_connect_banner .container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.back_connect_banner .container h1 {
  font-family: "daysone";
  font-size: 54px;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 576px) {
  .back_connect_banner .container h1 {
    font-size: 32px;
    color: #FFFFD6;
    margin-top: 20px;
    width: 50%;
    line-height: 93.5%;
  }
}
.back_connect_banner .container img {
  width: 330px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .back_connect_banner .container img {
    width: 250px;
    align-self: flex-end;
  }
}
@media (max-width: 576px) {
  .back_connect_banner .container img {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.connect_us {
  margin-top: 40px;
  position: relative;
}
@media (max-width: 576px) {
  .connect_us {
    margin-top: 20px;
  }
}
.connect_us .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .connect_us .container {
    flex-direction: column;
    gap: 30px;
  }
}
.connect_us .container .contents {
  width: 50%;
  padding-right: 100px;
}
@media (max-width: 1024px) {
  .connect_us .container .contents {
    padding-right: 30px;
  }
}
@media (max-width: 768px) {
  .connect_us .container .contents {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
.connect_us .container .contents h2 {
  font-family: "daysone";
  font-size: 40px;
  font-weight: 400;
  line-height: 105%;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .connect_us .container .contents h2 {
    font-size: 32px;
    line-height: 93.5%;
  }
}
.connect_us .container .contents p {
  font-family: "stetica";
  font-size: 16px;
  font-weight: 400;
  margin-top: 30px;
}
@media (max-width: 576px) {
  .connect_us .container .contents p {
    margin-top: 15px;
  }
}
.connect_us .container .contents img {
  margin-top: 56px;
}
@media (max-width: 576px) {
  .connect_us .container .contents img {
    margin-top: 30px;
  }
}
.connect_us .container form {
  width: 50%;
  padding: 45px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .connect_us .container form {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .connect_us .container form {
    padding: 20px 15px 15px 15px;
    gap: 10px;
  }
}
.connect_us .container form .theme, .connect_us .container form .topic_question, .connect_us .container form .name, .connect_us .container form .email, .connect_us .container form .phone-input-container, .connect_us .container form .message_area {
  position: relative;
}
.connect_us .container form .theme .nice-select, .connect_us .container form .topic_question .nice-select, .connect_us .container form .name .nice-select, .connect_us .container form .email .nice-select, .connect_us .container form .phone-input-container .nice-select, .connect_us .container form .message_area .nice-select {
  width: 100%;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  font-size: 16px;
  font-weight: 400;
  font-family: "stetica";
  height: 40px;
  padding-left: 15px;
}
.connect_us .container form .theme .nice-select::after, .connect_us .container form .topic_question .nice-select::after, .connect_us .container form .name .nice-select::after, .connect_us .container form .email .nice-select::after, .connect_us .container form .phone-input-container .nice-select::after, .connect_us .container form .message_area .nice-select::after {
  width: 9px;
  height: 9px;
  top: 45%;
  right: 15px;
}
.connect_us .container form .theme .nice-select.open, .connect_us .container form .topic_question .nice-select.open, .connect_us .container form .name .nice-select.open, .connect_us .container form .email .nice-select.open, .connect_us .container form .phone-input-container .nice-select.open, .connect_us .container form .message_area .nice-select.open {
  border-color: #008988;
}
.connect_us .container form .theme .nice-select .list, .connect_us .container form .topic_question .nice-select .list, .connect_us .container form .name .nice-select .list, .connect_us .container form .email .nice-select .list, .connect_us .container form .phone-input-container .nice-select .list, .connect_us .container form .message_area .nice-select .list {
  width: 100%;
  height: 130px;
  //overflow: scroll;
 overflow-y: scroll;
}
.connect_us .container form .theme p, .connect_us .container form .topic_question p, .connect_us .container form .name p, .connect_us .container form .email p, .connect_us .container form .phone-input-container p, .connect_us .container form .message_area p {
  position: absolute;
  top: -14px;
  left: 20px;
  width: fit-content;
  background-color: #fff;
  color: #9E9E9E;
  font-size: 12px;
  padding: 0 5px;
  font-weight: 400;
  font-family: "stetica";
}
.connect_us .container form .theme p span, .connect_us .container form .topic_question p span, .connect_us .container form .name p span, .connect_us .container form .email p span, .connect_us .container form .phone-input-container p span, .connect_us .container form .message_area p span {
  color: #008988;
  font-size: 16px;
}
.connect_us .container form .theme input, .connect_us .container form .topic_question input, .connect_us .container form .name input, .connect_us .container form .email input, .connect_us .container form .phone-input-container input, .connect_us .container form .message_area input {
  height: 40px;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  width: 100%;
  transition: 0.3s all ease;
  padding: 0 15px;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  font-family: "stetica";
  font-size: 16px;
  font-weight: 400;
}
.connect_us .container form .theme input:focus, .connect_us .container form .topic_question input:focus, .connect_us .container form .name input:focus, .connect_us .container form .email input:focus, .connect_us .container form .phone-input-container input:focus, .connect_us .container form .message_area input:focus {
  outline: none;
  border-color: #008988;
}
.connect_us .container form .theme input::placeholder, .connect_us .container form .topic_question input::placeholder, .connect_us .container form .name input::placeholder, .connect_us .container form .email input::placeholder, .connect_us .container form .phone-input-container input::placeholder, .connect_us .container form .message_area input::placeholder {
  color: #9E9E9E;
}
.connect_us .container form .theme svg, .connect_us .container form .topic_question svg, .connect_us .container form .name svg, .connect_us .container form .email svg, .connect_us .container form .phone-input-container svg, .connect_us .container form .message_area svg {
  position: absolute;
  top: 12px;
  right: 15px;
  transition: 0.3s all ease;
}
.connect_us .container form .theme textarea, .connect_us .container form .topic_question textarea, .connect_us .container form .name textarea, .connect_us .container form .email textarea, .connect_us .container form .phone-input-container textarea, .connect_us .container form .message_area textarea {
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  min-height: 80px;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  font-weight: 400;
  font-family: "stetica";
  box-sizing: border-box;
  line-height: 1.5;
  overflow: hidden;
  resize: none;
}
.connect_us .container form .theme textarea:focus, .connect_us .container form .topic_question textarea:focus, .connect_us .container form .name textarea:focus, .connect_us .container form .email textarea:focus, .connect_us .container form .phone-input-container textarea:focus, .connect_us .container form .message_area textarea:focus {
  border-color: #008988;
}
.connect_us .container form .name:hover input {
  border-color: #008988;
}
.connect_us .container form .email:hover input {
  border-color: #008988;
}
.connect_us .container form .email:hover svg path {
  fill: #008988;
}
.connect_us .container form .phone-input-container:hover svg path {
  fill: #008988;
}
.connect_us .container form .phone-input-container .iti {
  width: 100%;
}
.connect_us .container form .phone-input-container .iti:hover input {
  border-color: #008988;
}
.connect_us .container form .phone-input-container .iti:hover svg path {
  fill: #008988;
}
.connect_us .container form .phone-input-container .iti input {
  width: 100%;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  height: 40px;
  font-family: "stetica";
  font-size: 16px;
  color: #3d3d3d;
  font-weight: 400;
  transition: 0.3s all ease;
}
.connect_us .container form .phone-input-container .iti__country-list {
  margin-top: 5px;
  border-radius: 5px;
}
.connect_us .container form .phone-input-container .iti__selected-flag {
  border-radius: 20px 0 0 20px;
}
.connect_us .container form .phone-input-container .iti__selected-dial-code {
  display: none;
}
.connect_us .container form .phone-input-container .iti__country-name, .connect_us .container form .phone-input-container .iti__dial-code {
  font-family: "stetica";
  font-weight: 400;
  font-size: 16px;
}
.connect_us .container form .phone-input-container svg {
  top: 10px;
}
.connect_us .container form button {
  background: #008988;
  font-size: 16px;
  font-family: "stetica";
  color: #fff;
  padding: 20px 0;
  width: 100%;
  border-radius: 50px;
  border: none;
  transition: 0.3s all ease;
}
@media (max-width: 576px) {
  .connect_us .container form button {
    border-radius: 10px;
    padding: 10px 0 11px 0;
  }
}
.connect_us .container form button:hover {
  background: #16ADAC;
  box-shadow: 0px 0px 7px 1px rgba(0, 137, 136, 0.5);
}
.connect_us .right_deco {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
@media (max-width: 1360px) {
  .connect_us .right_deco {
    width: 100px;
  }
}
@media (max-width: 1024px) {
  .connect_us .right_deco {
    display: none;
  }
}
.connect_us .left_deco {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media (max-width: 1360px) {
  .connect_us .left_deco {
    width: 100px;
  }
}
@media (max-width: 1024px) {
  .connect_us .left_deco {
    display: none;
  }
}

textarea {
  resize: none;
  overflow-y: hidden;
  box-sizing: border-box;
}
textarea:focus {
  outline: none;
}

/* From Uiverse.io by cssbuttons-io */
.cbx {
  position: relative;
  top: 1px;
  width: 22px !important;
  height: 22px !important;
  border: 1px solid #717171;
  border-radius: 3px;
  vertical-align: middle;
  transition: background 0.1s ease;
  cursor: pointer;
  display: block;
  flex-shrink: 0;
}

p {
  font-size: 12px;
  font-weight: 400;
  font-family: "stetica";
}
p a {
  text-decoration: none;
  color: #008988;
}

.cbx:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 7px;
  width: 7px;
  height: 14px;
  opacity: 0;
  transform: rotate(45deg) scale(0);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transition: all 0.3s ease;
  transition-delay: 0.15s;
}

.lbl {
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}

#cbx:checked ~ .cbx {
  border-color: transparent;
  background: #008988;
  animation: jelly 0.6s ease;
}

#cbx:checked ~ .cbx:after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}

.cntr {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 10px;
}

@keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
.hidden-xs-up {
  display: none !important;
}

.project_list_banner {
  background: #75AA37;
  background-image: url(../images/social_bg.png);
}
.project_list_banner .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 270px;
}
@media (max-width: 670px) {
  .project_list_banner .container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.project_list_banner .container h1 {
  font-size: 54px;
  font-family: "daysone";
  width: 65%;
  color: #fff;
}
@media (max-width: 670px) {
  .project_list_banner .container h1 {
    font-size: 32px;
    color: #FFFFD6;
    margin-top: 20px;
  }
}
.project_list_banner .container img {
  position: absolute;
  right: 0;
  bottom: -80px;
}
@media (max-width: 768px) {
  .project_list_banner .container img {
    width: 300px;
    bottom: -20px;
    display: none;
  }
}
@media (max-width: 576px) {
  .project_list_banner .container img.last {
    width: 230px;
  }
}

.list_of_projects, .project {
  margin-top: 40px;
}
@media (max-width: 670px) {
  .list_of_projects, .project {
    margin-top: 20px;
  }
}
.list_of_projects .breadcrumb, .project .breadcrumb {
  display: flex;
}
.list_of_projects .breadcrumb a, .project .breadcrumb a {
  text-decoration: none;
  color: #717171;
  font-size: 12px;
  font-weight: 400;
  font-family: "stetica";
}
.list_of_projects .breadcrumb a.green, .project .breadcrumb a.green {
  color: #75AA37;
}
.list_of_projects .main_contents, .list_of_projects .project, .project .main_contents, .project .project {
  display: flex;
  gap: 0 30px;
}
.list_of_projects .main_contents .left_side, .list_of_projects .project .left_side, .project .main_contents .left_side, .project .project .left_side {
  width: calc(75% - 30px);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .left_side, .list_of_projects .project .left_side, .project .main_contents .left_side, .project .project .left_side {
    gap: 10px;
  }
}
.list_of_projects .main_contents .left_side .project_prize, .list_of_projects .project .left_side .project_prize, .project .main_contents .left_side .project_prize, .project .project .left_side .project_prize {
  padding: 35px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .left_side .project_prize, .list_of_projects .project .left_side .project_prize, .project .main_contents .left_side .project_prize, .project .project .left_side .project_prize {
    padding: 20px 15px 15px 15px;
  }
}
.list_of_projects .main_contents .left_side .project_prize .header, .list_of_projects .project .left_side .project_prize .header, .project .main_contents .left_side .project_prize .header, .project .project .left_side .project_prize .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .left_side .project_prize .header, .list_of_projects .project .left_side .project_prize .header, .project .main_contents .left_side .project_prize .header, .project .project .left_side .project_prize .header {
    margin-bottom: 25px;
  }
}
.list_of_projects .main_contents .left_side .project_prize .header h6, .list_of_projects .project .left_side .project_prize .header h6, .project .main_contents .left_side .project_prize .header h6, .project .project .left_side .project_prize .header h6 {
  width: 80%;
  font-family: "daysone";
  font-size: 20px;
  font-weight: 400;
  line-height: 93.515%;
  color: #75AA37;
}
.list_of_projects .main_contents .left_side .project_prize .body, .list_of_projects .project .left_side .project_prize .body, .project .main_contents .left_side .project_prize .body, .project .project .left_side .project_prize .body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .left_side .project_prize .body, .list_of_projects .project .left_side .project_prize .body, .project .main_contents .left_side .project_prize .body, .project .project .left_side .project_prize .body {
    flex-direction: column;
    align-items: flex-start;
  }
}
.list_of_projects .main_contents .left_side .project_prize .body .about_project, .list_of_projects .project .left_side .project_prize .body .about_project, .project .main_contents .left_side .project_prize .body .about_project, .project .project .left_side .project_prize .body .about_project {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .left_side .project_prize .body .about_project, .list_of_projects .project .left_side .project_prize .body .about_project, .project .main_contents .left_side .project_prize .body .about_project, .project .project .left_side .project_prize .body .about_project {
    gap: 15px;
  }
}
.list_of_projects .main_contents .left_side .project_prize .body .about_project .konkurs, .list_of_projects .main_contents .left_side .project_prize .body .about_project .grant, .list_of_projects .main_contents .left_side .project_prize .body .about_project .date, .list_of_projects .project .left_side .project_prize .body .about_project .konkurs, .list_of_projects .project .left_side .project_prize .body .about_project .grant, .list_of_projects .project .left_side .project_prize .body .about_project .date, .project .main_contents .left_side .project_prize .body .about_project .konkurs, .project .main_contents .left_side .project_prize .body .about_project .grant, .project .main_contents .left_side .project_prize .body .about_project .date, .project .project .left_side .project_prize .body .about_project .konkurs, .project .project .left_side .project_prize .body .about_project .grant, .project .project .left_side .project_prize .body .about_project .date {
  font-family: "stetica";
}
.list_of_projects .main_contents .left_side .project_prize .body .about_project .konkurs span, .list_of_projects .main_contents .left_side .project_prize .body .about_project .grant span, .list_of_projects .main_contents .left_side .project_prize .body .about_project .date span, .list_of_projects .project .left_side .project_prize .body .about_project .konkurs span, .list_of_projects .project .left_side .project_prize .body .about_project .grant span, .list_of_projects .project .left_side .project_prize .body .about_project .date span, .project .main_contents .left_side .project_prize .body .about_project .konkurs span, .project .main_contents .left_side .project_prize .body .about_project .grant span, .project .main_contents .left_side .project_prize .body .about_project .date span, .project .project .left_side .project_prize .body .about_project .konkurs span, .project .project .left_side .project_prize .body .about_project .grant span, .project .project .left_side .project_prize .body .about_project .date span {
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .left_side .project_prize .body .about_project .konkurs span, .list_of_projects .main_contents .left_side .project_prize .body .about_project .grant span, .list_of_projects .main_contents .left_side .project_prize .body .about_project .date span, .list_of_projects .project .left_side .project_prize .body .about_project .konkurs span, .list_of_projects .project .left_side .project_prize .body .about_project .grant span, .list_of_projects .project .left_side .project_prize .body .about_project .date span, .project .main_contents .left_side .project_prize .body .about_project .konkurs span, .project .main_contents .left_side .project_prize .body .about_project .grant span, .project .main_contents .left_side .project_prize .body .about_project .date span, .project .project .left_side .project_prize .body .about_project .konkurs span, .project .project .left_side .project_prize .body .about_project .grant span, .project .project .left_side .project_prize .body .about_project .date span {
    font-size: 16px;
  }
}
.list_of_projects .main_contents .left_side .project_prize .body .about_project .konkurs p, .list_of_projects .main_contents .left_side .project_prize .body .about_project .grant p, .list_of_projects .main_contents .left_side .project_prize .body .about_project .date p, .list_of_projects .project .left_side .project_prize .body .about_project .konkurs p, .list_of_projects .project .left_side .project_prize .body .about_project .grant p, .list_of_projects .project .left_side .project_prize .body .about_project .date p, .project .main_contents .left_side .project_prize .body .about_project .konkurs p, .project .main_contents .left_side .project_prize .body .about_project .grant p, .project .main_contents .left_side .project_prize .body .about_project .date p, .project .project .left_side .project_prize .body .about_project .konkurs p, .project .project .left_side .project_prize .body .about_project .grant p, .project .project .left_side .project_prize .body .about_project .date p {
  font-size: 14px;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .left_side .project_prize .body .about_project .konkurs p, .list_of_projects .main_contents .left_side .project_prize .body .about_project .grant p, .list_of_projects .main_contents .left_side .project_prize .body .about_project .date p, .list_of_projects .project .left_side .project_prize .body .about_project .konkurs p, .list_of_projects .project .left_side .project_prize .body .about_project .grant p, .list_of_projects .project .left_side .project_prize .body .about_project .date p, .project .main_contents .left_side .project_prize .body .about_project .konkurs p, .project .main_contents .left_side .project_prize .body .about_project .grant p, .project .main_contents .left_side .project_prize .body .about_project .date p, .project .project .left_side .project_prize .body .about_project .konkurs p, .project .project .left_side .project_prize .body .about_project .grant p, .project .project .left_side .project_prize .body .about_project .date p {
    font-size: 14px;
  }
}
.list_of_projects .main_contents .left_side .project_prize .body .prize_info, .list_of_projects .project .left_side .project_prize .body .prize_info, .project .main_contents .left_side .project_prize .body .prize_info, .project .project .left_side .project_prize .body .prize_info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .left_side .project_prize .body .prize_info, .list_of_projects .project .left_side .project_prize .body .prize_info, .project .main_contents .left_side .project_prize .body .prize_info, .project .project .left_side .project_prize .body .prize_info {
    align-items: flex-start;
    margin-top: 15px;
  }
}
.list_of_projects .main_contents .left_side .project_prize .body .prize_info p, .list_of_projects .project .left_side .project_prize .body .prize_info p, .project .main_contents .left_side .project_prize .body .prize_info p, .project .project .left_side .project_prize .body .prize_info p {
  font-size: 16px;
  margin-bottom: 5px;
}
.list_of_projects .main_contents .left_side .project_prize .body .prize_info .prize_tag, .list_of_projects .project .left_side .project_prize .body .prize_info .prize_tag, .project .main_contents .left_side .project_prize .body .prize_info .prize_tag, .project .project .left_side .project_prize .body .prize_info .prize_tag {
  font-size: 36px;
  color: #75AA37;
  font-family: "daysone";
  font-weight: 400;
  line-height: 93.515%;
  text-align: end;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .left_side .project_prize .body .prize_info .prize_tag, .list_of_projects .project .left_side .project_prize .body .prize_info .prize_tag, .project .main_contents .left_side .project_prize .body .prize_info .prize_tag, .project .project .left_side .project_prize .body .prize_info .prize_tag {
    font-size: 32px;
  }
}
.list_of_projects .main_contents .left_side .green_button, .list_of_projects .project .left_side .green_button, .project .main_contents .left_side .green_button, .project .project .left_side .green_button {
  padding: 12px 0;
  width: 224px;
  font-size: 14px;
  color: #fff;
  border-radius: 25px;
  background: #75AA37;
  margin-top: 16px;
  text-align: center;
  text-decoration: none;
  transition: 0.3s all ease;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .left_side .green_button, .list_of_projects .project .left_side .green_button, .project .main_contents .left_side .green_button, .project .project .left_side .green_button {
    padding: 10px 67px;
    width: unset;
  }
}
.list_of_projects .main_contents .left_side .green_button:hover, .list_of_projects .project .left_side .green_button:hover, .project .main_contents .left_side .green_button:hover, .project .project .left_side .green_button:hover {
  border-radius: 30px;
  background: #8EC34F;
  box-shadow: 0px 0px 7px 1px rgba(117, 170, 55, 0.5);
}
.list_of_projects .main_contents .left_side .green_button.more_projects, .list_of_projects .project .left_side .green_button.more_projects, .project .main_contents .left_side .green_button.more_projects, .project .project .left_side .green_button.more_projects {
  font-size: 16px;
  padding: 21px 0;
  width: 350px;
  border-radius: 50px;
  align-self: flex-end;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .left_side .green_button.more_projects, .list_of_projects .project .left_side .green_button.more_projects, .project .main_contents .left_side .green_button.more_projects, .project .project .left_side .green_button.more_projects {
    padding: 10px 0 11px 0px;
    width: 100%;
  }
}
.list_of_projects .main_contents .right_side, .list_of_projects .project .right_side, .project .main_contents .right_side, .project .project .right_side {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.list_of_projects .main_contents .right_side h5, .list_of_projects .project .right_side h5, .project .main_contents .right_side h5, .project .project .right_side h5 {
  font-family: "daysone";
  font-size: 24px;
  font-weight: 400;
}
.list_of_projects .main_contents .right_side .search_box, .list_of_projects .project .right_side .search_box, .project .main_contents .right_side .search_box, .project .project .right_side .search_box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.list_of_projects .main_contents .right_side .search_box p, .list_of_projects .project .right_side .search_box p, .project .main_contents .right_side .search_box p, .project .project .right_side .search_box p {
  font-size: 16px;
  font-weight: 400;
  line-height: 93.515%;
  width: 95%;
}
.list_of_projects .main_contents .right_side .search_box .search_input, .list_of_projects .project .right_side .search_box .search_input, .project .main_contents .right_side .search_box .search_input, .project .project .right_side .search_box .search_input {
  position: relative;
}
.list_of_projects .main_contents .right_side .search_box .search_input input, .list_of_projects .project .right_side .search_box .search_input input, .project .main_contents .right_side .search_box .search_input input, .project .project .right_side .search_box .search_input input {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  padding: 10px 40px 10px 15px;
  transition: 0.3s all ease;
}
.list_of_projects .main_contents .right_side .search_box .search_input input:hover, .list_of_projects .project .right_side .search_box .search_input input:hover, .project .main_contents .right_side .search_box .search_input input:hover, .project .project .right_side .search_box .search_input input:hover {
  border-color: #75AA37;
}
.list_of_projects .main_contents .right_side .search_box .search_input input:focus, .list_of_projects .project .right_side .search_box .search_input input:focus, .project .main_contents .right_side .search_box .search_input input:focus, .project .project .right_side .search_box .search_input input:focus {
  outline: none;
  border-color: #75AA37;
}
.list_of_projects .main_contents .right_side .search_box .search_input img, .list_of_projects .project .right_side .search_box .search_input img, .project .main_contents .right_side .search_box .search_input img, .project .project .right_side .search_box .search_input img {
  position: absolute;
  top: 12px;
  right: 15px;
}
.list_of_projects .main_contents .right_side .category, .list_of_projects .project .right_side .category, .project .main_contents .right_side .category, .project .project .right_side .category {
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* actions */
}
.list_of_projects .main_contents .right_side .category h6, .list_of_projects .project .right_side .category h6, .project .main_contents .right_side .category h6, .project .project .right_side .category h6 {
  font-family: "daysone";
  font-size: 16px;
  margin-bottom: 0;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .right_side .category h6, .list_of_projects .project .right_side .category h6, .project .main_contents .right_side .category h6, .project .project .right_side .category h6 {
    line-height: 93.515%;
  }
}
.list_of_projects .main_contents .right_side .category .input_box, .list_of_projects .project .right_side .category .input_box, .project .main_contents .right_side .category .input_box, .project .project .right_side .category .input_box {
  display: flex;
  gap: 0 10px;
  align-items: center;
  cursor: pointer;
}
.list_of_projects .main_contents .right_side .category .input_box p, .list_of_projects .project .right_side .category .input_box p, .project .main_contents .right_side .category .input_box p, .project .project .right_side .category .input_box p {
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.list_of_projects .main_contents .right_side .category .ui-checkbox, .list_of_projects .project .right_side .category .ui-checkbox, .project .main_contents .right_side .category .ui-checkbox, .project .project .right_side .category .ui-checkbox {
  --primary-color: #487217;
  --secondary-color: #fff;
  --primary-hover-color: #487217;
  /* checkbox */
  --checkbox-diameter: 20px;
  --checkbox-border-radius: 5px;
  --checkbox-border-color: #d9d9d9;
  --checkbox-border-width: 1px;
  --checkbox-border-style: solid;
  /* checkmark */
  --checkmark-size: 1.2;
}
.list_of_projects .main_contents .right_side .category .ui-checkbox,
.list_of_projects .main_contents .right_side .category .ui-checkbox *,
.list_of_projects .main_contents .right_side .category .ui-checkbox *::before,
.list_of_projects .main_contents .right_side .category .ui-checkbox *::after, .list_of_projects .project .right_side .category .ui-checkbox,
.list_of_projects .project .right_side .category .ui-checkbox *,
.list_of_projects .project .right_side .category .ui-checkbox *::before,
.list_of_projects .project .right_side .category .ui-checkbox *::after, .project .main_contents .right_side .category .ui-checkbox,
.project .main_contents .right_side .category .ui-checkbox *,
.project .main_contents .right_side .category .ui-checkbox *::before,
.project .main_contents .right_side .category .ui-checkbox *::after, .project .project .right_side .category .ui-checkbox,
.project .project .right_side .category .ui-checkbox *,
.project .project .right_side .category .ui-checkbox *::before,
.project .project .right_side .category .ui-checkbox *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list_of_projects .main_contents .right_side .category .ui-checkbox, .list_of_projects .project .right_side .category .ui-checkbox, .project .main_contents .right_side .category .ui-checkbox, .project .project .right_side .category .ui-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--checkbox-diameter);
  height: var(--checkbox-diameter);
  border-radius: var(--checkbox-border-radius);
  background: var(--secondary-color);
  border: var(--checkbox-border-width) var(--checkbox-border-style) var(--checkbox-border-color);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
}
.list_of_projects .main_contents .right_side .category .ui-checkbox::after, .list_of_projects .project .right_side .category .ui-checkbox::after, .project .main_contents .right_side .category .ui-checkbox::after, .project .project .right_side .category .ui-checkbox::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--primary-color);
  box-shadow: 0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--primary-color);
  border-radius: inherit;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  -o-transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.list_of_projects .main_contents .right_side .category .ui-checkbox::before, .list_of_projects .project .right_side .category .ui-checkbox::before, .project .main_contents .right_side .category .ui-checkbox::before, .project .project .right_side .category .ui-checkbox::before {
  top: 45%;
  left: 50%;
  content: "";
  position: absolute;
  width: 5px;
  height: 9px;
  border-right: 2px solid var(--secondary-color);
  border-bottom: 2px solid var(--secondary-color);
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  -o-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
}
.list_of_projects .main_contents .right_side .category .ui-checkbox:hover, .list_of_projects .project .right_side .category .ui-checkbox:hover, .project .main_contents .right_side .category .ui-checkbox:hover, .project .project .right_side .category .ui-checkbox:hover {
  border-color: var(--primary-color);
}
.list_of_projects .main_contents .right_side .category .ui-checkbox:checked, .list_of_projects .project .right_side .category .ui-checkbox:checked, .project .main_contents .right_side .category .ui-checkbox:checked, .project .project .right_side .category .ui-checkbox:checked {
  background: var(--primary-color);
  border-color: transparent;
}
.list_of_projects .main_contents .right_side .category .ui-checkbox:checked::before, .list_of_projects .project .right_side .category .ui-checkbox:checked::before, .project .main_contents .right_side .category .ui-checkbox:checked::before, .project .project .right_side .category .ui-checkbox:checked::before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  -o-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.list_of_projects .main_contents .right_side .category .ui-checkbox:active:not(:checked)::after, .list_of_projects .project .right_side .category .ui-checkbox:active:not(:checked)::after, .project .main_contents .right_side .category .ui-checkbox:active:not(:checked)::after, .project .project .right_side .category .ui-checkbox:active:not(:checked)::after {
  -webkit-transition: none;
  -o-transition: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: none;
  opacity: 1;
}
.list_of_projects .main_contents .right_side .region .nice-select, .list_of_projects .main_contents .right_side .grant_select .nice-select, .list_of_projects .main_contents .right_side .competition .nice-select, .list_of_projects .project .right_side .region .nice-select, .list_of_projects .project .right_side .grant_select .nice-select, .list_of_projects .project .right_side .competition .nice-select, .project .main_contents .right_side .region .nice-select, .project .main_contents .right_side .grant_select .nice-select, .project .main_contents .right_side .competition .nice-select, .project .project .right_side .region .nice-select, .project .project .right_side .grant_select .nice-select, .project .project .right_side .competition .nice-select {
  width: 100%;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  height: 40px;
  font-size: 14px;
}
.list_of_projects .main_contents .right_side .region .nice-select .list, .list_of_projects .main_contents .right_side .grant_select .nice-select .list, .list_of_projects .main_contents .right_side .competition .nice-select .list, .list_of_projects .project .right_side .region .nice-select .list, .list_of_projects .project .right_side .grant_select .nice-select .list, .list_of_projects .project .right_side .competition .nice-select .list, .project .main_contents .right_side .region .nice-select .list, .project .main_contents .right_side .grant_select .nice-select .list, .project .main_contents .right_side .competition .nice-select .list, .project .project .right_side .region .nice-select .list, .project .project .right_side .grant_select .nice-select .list, .project .project .right_side .competition .nice-select .list {
  height: 120px;
}
.list_of_projects .main_contents .right_side .duration, .list_of_projects .project .right_side .duration, .project .main_contents .right_side .duration, .project .project .right_side .duration {
  display: flex;
  flex-direction: column;
}
.list_of_projects .main_contents .right_side .duration .calendar, .list_of_projects .project .right_side .duration .calendar, .project .main_contents .right_side .duration .calendar, .project .project .right_side .duration .calendar {
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .right_side .duration .calendar, .list_of_projects .project .right_side .duration .calendar, .project .main_contents .right_side .duration .calendar, .project .project .right_side .duration .calendar {
    margin-bottom: 10px;
  }
}
.list_of_projects .main_contents .right_side .duration .calendar input, .list_of_projects .project .right_side .duration .calendar input, .project .main_contents .right_side .duration .calendar input, .project .project .right_side .duration .calendar input {
  height: 40px;
  font-size: 14px;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  transition: 0.3s all ease;
  width: 100%;
  padding-left: 45px;
  margin-right: 15px;
  font-size: 14px;
  font-weight: 400;
}
.list_of_projects .main_contents .right_side .duration .calendar input:focus, .list_of_projects .project .right_side .duration .calendar input:focus, .project .main_contents .right_side .duration .calendar input:focus, .project .project .right_side .duration .calendar input:focus {
  outline: none;
  border-color: #487217;
}
.list_of_projects .main_contents .right_side .duration .calendar img, .list_of_projects .project .right_side .duration .calendar img, .project .main_contents .right_side .duration .calendar img, .project .project .right_side .duration .calendar img {
  position: absolute;
  left: 15px;
  top: 10px;
}
.list_of_projects .main_contents .right_side .duration a, .list_of_projects .main_contents .right_side .duration button, .list_of_projects .project .right_side .duration a, .project .main_contents .right_side .duration a, .project .project .right_side .duration a {
  font-size: 16px;
  font-weight: 500;
  color: #75AA37;
  padding: 11px 82px;
  border-radius: 30px;
  border: 1px solid #75AA37;
  background: #FFF;
  text-align: center;
  text-decoration: none;
  transition: 0.3s all ease;
}
.list_of_projects .main_contents .right_side .duration a:hover, .list_of_projects .project .right_side .duration a:hover, .project .main_contents .right_side .duration a:hover, .project .project .right_side .duration a:hover {
  background: #75AA37;
  color: #fff;
}
@media (max-width: 768px) {
  .list_of_projects .main_contents, .project .main_contents {
    flex-direction: column-reverse;
    gap: 50px;
  }
}
@media (max-width: 768px) {
  .list_of_projects .main_contents .left_side, .list_of_projects .main_contents .right_side, .project .main_contents .left_side, .project .main_contents .right_side {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 670px) {
  .list_of_projects .main_contents .right_side, .project .main_contents .right_side {
    gap: 10px;
  }
  .list_of_projects .main_contents .right_side h5, .project .main_contents .right_side h5 {
    font-size: 24px;
    font-weight: 400;
    line-height: 93.515%;
  }
}

.big-select-filter-field.nice-select .list{
  height: 350px !important;
}

.big-select-filter-field .nice-select .list li{
  margin: 12px 0;
  white-space: normal;
  word-wrap: break-word;
  line-height: 18px;
}

.big-select-filter-field .nice-select .list li:first-child{
  line-height: 40px;
  margin-top: 0;
}

.big-select-filter-field .nice-select .current{
  overflow: hidden;
}

.flatpickr-day {
  font-size: 14px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flatpickr-day:hover {
  background: #8EC34F;
  color: #fff;
}

.flatpickr-day.today {
  border: 1px solid #75AA37;
}
.flatpickr-day.today:hover {
  background: #75AA37;
}

.flatpickr-day.selected {
  background: #75AA37;
  font-weight: 400;
}
.flatpickr-day.selected:hover {
  background: #75AA37;
}

.become_member {
  position: relative;
}
.become_member .container {
  position: relative;
}
.become_member .container .title {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 30px;
  max-width: 728px;
}
@media (max-width: 576px) {
  .become_member .container .title {
    margin-top: 20px;
  }
}
.become_member .container .title h3 {
  font-size: 40px;
  font-weight: 400;
  font-family: "daysone";
}
@media (max-width: 576px) {
  .become_member .container .title h3 {
    font-size: 32px;
    line-height: 93.5%;
    margin-bottom: 0;
  }
}
.become_member .container .title p {
  font-size: 16px;
}
.become_member .container .membership {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 50px;
}
@media (max-width: 576px) {
  .become_member .container .membership {
    margin-top: 20px;
    gap: 10px;
  }
}
.become_member .container .membership .membership_types {
  display: flex;
  gap: 0 30px;
}
@media (max-width: 576px) {
  .become_member .container .membership .membership_types {
    gap: 15px;
  }
}
.become_member .container .membership .membership_types .type {
  width: calc(50% - 15px);
  padding: 15px 0;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  font-size: 32px;
  color: #717171;
  font-family: "daysone";
  font-weight: 400;
  cursor: pointer;
  transition: 0.3s all ease;
}
@media (max-width: 576px) {
  .become_member .container .membership .membership_types .type {
    font-size: 20px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - 5px);
  }
}
.become_member .container .membership .membership_types .type:hover {
  border-color: #75AA37;
  color: inherit;
}
.become_member .container .membership .membership_types .type.active {
  border-color: #75AA37;
  color: inherit;
}
.become_member .container .membership .membership_type_contents .content {
  display: none;
}
.become_member .container .membership .membership_type_contents .content.active {
  display: flex;
  animation: fadeIn 0.3s ease-in-out;
  gap: 0 20px;
}
@media (max-width: 768px) {
  .become_member .container .membership .membership_type_contents .content.active {
    flex-direction: column;
    gap: 10px;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.become_member .container .membership .membership_type_contents .left-column {
  flex: 4;
  min-height: 300px;
}
.become_member .container .membership .membership_type_contents .right-column {
  flex: 2;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .become_member .container .membership .membership_type_contents .right-column {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
  }
}
.become_member .container .membership .membership_type_contents .card {
  background-color: #75AA37;
  border-radius: 20px;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  background-image: url(../images/card-bg.png);
  background-size: cover;
  background-blend-mode: multiply;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(33% - 10px);
}
@media (max-width: 768px) {
  .become_member .container .membership .membership_type_contents .card.first {
    width: calc(50% - 10px);
    height: 180px;
  }
}
@media (max-width: 768px) {
  .become_member .container .membership .membership_type_contents .card.second {
    width: 100%;
    height: 180px;
  }
}
@media (max-width: 768px) {
  .become_member .container .membership .membership_type_contents .card.third {
    width: calc(50% - 5px);
    height: 180px;
  }
}
@media (max-width: 768px) {
  .become_member .container .membership .membership_type_contents .card.fourth {
    width: calc(50% - 5px);
    height: 180px;
  }
}
.become_member .container .membership .membership_type_contents .card .card-number span {
  font-size: 64px;
  font-family: "daysone";
}
.become_member .container .membership .membership_type_contents .card .card-number h3 {
  display: none;
}
.become_member .container .membership .membership_type_contents .card ul {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 20px;
}
@media (max-width: 576px) {
  .become_member .container .membership .membership_type_contents .card ul {
    margin-top: 10px;
  }
}
.become_member .container .membership .membership_type_contents .card ul li {
  font-size: 16px;
  font-family: "stetica";
}
.become_member .container .membership .membership_type_contents .card .card_buttons {
  margin-top: 156px;
  display: flex;
  gap: 0 10px;
}
@media (max-width: 576px) {
  .become_member .container .membership .membership_type_contents .card .card_buttons {
    margin-top: 30px;
  }
}
.become_member .container .membership .membership_type_contents .card .card_buttons .register, .become_member .container .membership .membership_type_contents .card .card_buttons .exit {
  font-size: 14px;
  font-weight: 500;
  font-family: "stetica";
  padding: 12px 70px;
  border-radius: 20px;
  text-decoration: none;
  color: #fff;
  border: 1px solid #75AA37;
  transition: 0.3s all ease;
}
@media (max-width: 576px) {
  .become_member .container .membership .membership_type_contents .card .card_buttons .register, .become_member .container .membership .membership_type_contents .card .card_buttons .exit {
    padding: 11px 0;
    width: calc(50% - 10px);
    text-align: center;
  }
}
.become_member .container .membership .membership_type_contents .card .card_buttons .register {
  background: #75AA37;
}
.become_member .container .membership .membership_type_contents .card .card_buttons .register:hover {
  background: #8EC34F;
  border-color: #8EC34F;
  box-shadow: 0px 0px 7px 1px rgba(117, 170, 55, 0.5);
}
.become_member .container .membership .membership_type_contents .card .card_buttons .exit {
  color: #75AA37;
}
.become_member .container .membership .membership_type_contents .card .card_buttons .exit:hover {
  background: #75AA37;
  color: #fff;
}
.become_member .container .membership .membership_type_contents .card.open {
  background-color: white;
  background-image: none;
  color: black;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #8BC34A;
  padding: 35px 30px;
  height: unset;
}
@media (max-width: 768px) {
  .become_member .container .membership .membership_type_contents .card.open {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .become_member .container .membership .membership_type_contents .card.open {
    padding: 20px 15px 15px 15px;
    width: 100%;
  }
}
.become_member .container .membership .membership_type_contents .card.open .card-number {
  color: #8BC34A;
  display: flex;
  align-items: flex-end;
  gap: 0 10px;
}
@media (max-width: 576px) {
  .become_member .container .membership .membership_type_contents .card.open .card-number {
    align-items: center;
  }
}
.become_member .container .membership .membership_type_contents .card.open .card-number span {
  font-size: 64px;
  font-family: "daysone";
}
.become_member .container .membership .membership_type_contents .card.open .card-number h3 {
  display: block;
  font-size: 24px;
  font-family: "daysone";
  color: #3d3d3d;
  margin-bottom: 16px;
}
@media (max-width: 576px) {
  .become_member .container .membership .membership_type_contents .card.open .card-number h3 {
    width: 50%;
    margin-bottom: 0;
  }
}
.become_member .container .membership .membership_type_contents .card.open .content {
  display: block;
}
.become_member .container .membership .membership_type_contents .card .content {
  display: none;
  margin-top: 10px;
}
.become_member .right_deco {
  position: absolute;
  right: 0;
  top: 100px;
}
.become_member .left_deco {
  position: absolute;
  left: 0px;
  top: 100px;
}

.requirements {
  margin-top: 50px;
}
.requirements .container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}
.requirements .container .title h3 {
  font-size: 32px;
  font-family: "daysone";
  margin-bottom: 15px;
}
.requirements .container .title p {
  font-size: 16px;
}
.requirements .container .requirements_box {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media (max-width: 920px) {
  .requirements .container .requirements_box {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .requirements .container .requirements_box {
    gap: 10px;
  }
}
.requirements .container .requirements_box .item {
  width: calc(33.3333% - 20px);
  padding: 35px 30px 30px 30px;
  border: 1px solid #75AA37;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 920px) {
  .requirements .container .requirements_box .item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 576px) {
  .requirements .container .requirements_box .item {
    width: 100%;
    padding: 20px 15px 15px 15px;
  }
}
.requirements .container .requirements_box .item img {
  width: fit-content;
}
.requirements .container .requirements_box .item .text {
  font-size: 16px;
}
.requirements .container .requirements_box .item.image_item {
  padding: 0;
}
@media (max-width: 576px) {
  .requirements .container .requirements_box .item.image_item {
    max-height: 175px;
  }
}
.requirements .container .requirements_box .item.image_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.questions {
  margin-top: 50px;
}
.questions .container h3 {
  font-size: 32px;
  font-family: "daysone";
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .questions .container h3 {
    margin-bottom: 20px;
  }
}
.questions .container .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 576px) {
  .questions .container .accordion {
    gap: 10px;
  }
}
.questions .container .accordion-button {
  border-radius: 20px;
  background: #75AA37;
  color: #fff;
  font-size: 20px;
  padding: 24px 30px;
  border-radius: 20px !important;
}
@media (max-width: 576px) {
  .questions .container .accordion-button {
    padding: 11px 15px;
    font-size: 16px;
    border-radius: 25px;
  }
}
.questions .container .accordion-button:focus {
  box-shadow: none;
}
.questions .container .accordion-button::after {
  content: none;
}
.questions .container .accordion-button .accordion-icon {
  transition: 0.3s all ease;
}
.questions .container .accordion .accordion-button:not(.collapsed) .accordion-icon {
  transform: rotate(180deg);
}
.questions .container .accordion-item {
  border-radius: 21px;
  border-top: none;
  border-color: #75AA37;
}
.questions .container .accordion-body {
  padding: 35px 30px 30px 30px;
  font-size: 16px;
}
@media (max-width: 576px) {
  .questions .container .accordion-body {
    padding: 20px 15px 15px 15px;
  }
}

.contact_us {
  margin-top: 50px;
  position: relative;
}
@media (max-width: 576px) {
  .contact_us {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.contact_us .container {
  display: flex;
  gap: 0 30px;
  border-radius: 20px;
  border: 1px solid #487217;
  background: #75AA37;
  padding: 45px 30px 30px 30px;
  position: relative;
}
@media (max-width: 576px) {
  .contact_us .container {
    padding: 20px 15px 15px 15px;
  }
}
@media (max-width: 768px) {
  .contact_us .container {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .contact_us .container {
    gap: 10px;
  }
}
.contact_us .container .left_side {
  width: calc(50% - 15px);
}
@media (max-width: 768px) {
  .contact_us .container .left_side {
    width: 100%;
  }
}
.contact_us .container .left_side h2 {
  color: #fff;
  font-size: 40px;
  font-family: "daysone";
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .contact_us .container .left_side h2 {
    margin-bottom: 10px;
    line-height: 93.5%;
    font-size: 32px;
  }
}
.contact_us .container .left_side p {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  max-width: 433px;
}
@media (max-width: 576px) {
  .contact_us .container .left_side p {
    font-size: 16px;
    font-weight: 500;
  }
}
.contact_us .container .left_side .contacts {
  margin-top: 168px;
  display: flex;
  flex-direction: column;
  gap: 23px;
}
@media (max-width: 576px) {
  .contact_us .container .left_side .contacts {
    gap: 15px;
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .contact_us .container .left_side .contacts {
    margin-top: 50px;
  }
}
.contact_us .container .left_side .contacts a {
  text-decoration: none;
  display: flex;
  gap: 0 10px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .contact_us .container .left_side .contacts a {
    font-size: 16px;
  }
}
.contact_us .container .left_side .buttons {
  display: flex;
  gap: 0 30px;
}
@media (max-width: 576px) {
  .contact_us .container .left_side .buttons {
    gap: 10px;
  }
}
.contact_us .container .left_side .buttons a {
  font-size: 16px;
  color: #75AA37;
  font-weight: 500;
  padding: 15px 48px;
  background: #fff;
  border-radius: 30px;
  border: 1px solid #75AA37;
  text-decoration: none;
  margin-top: 32px;
  transition: 0.3s all ease;
}
@media (max-width: 576px) {
  .contact_us .container .left_side .buttons a {
    margin-top: 10px;
    width: 50%;
    padding: 11px 0;
    text-align: center;
    font-size: 14px;
  }
}
.contact_us .container .left_side .buttons a:hover {
  border-color: #fff;
  color: #fff;
  background-color: #75AA37;
}
.contact_us .container .right_side {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc(50% - 15px);
}
@media (max-width: 768px) {
  .contact_us .container .right_side {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .contact_us .container .right_side {
    gap: 10px;
    margin-top: 30px;
  }
}
.contact_us .container .right_side input {
  font-size: 16px;
  padding: 15px 30px;
  width: 100%;
  border-radius: 30px;
  border: none;
  border: 1px solid #FFF;
  transition: 0.3s all ease;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
@media (max-width: 768px) {
  .contact_us .container .right_side input {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .contact_us .container .right_side input {
    padding: 11px 15px 13px 15px;
  }
}
.contact_us .container .right_side input:focus {
  outline: none;
}
.contact_us .container .right_side input:hover {
  border-color: #487217;
}
.contact_us .container .right_side input:hover svg path {
  fill: #75AA37;
}
.contact_us .container .right_side input::placeholder {
  color: #9E9E9E;
}
.contact_us .container .right_side .email {
  position: relative;
  transition: 0.3s all ease;
}
.contact_us .container .right_side .email:hover svg path {
  fill: #487217;
}
.contact_us .container .right_side .email svg {
  position: absolute;
  top: 17px;
  right: 30px;
}
@media (max-width: 576px) {
  .contact_us .container .right_side .email svg {
    top: 15px;
    right: 15px;
  }
}
.contact_us .container .right_side .email svg path {
  transition: 0.3s all ease;
}
.contact_us .container .right_side .phone-input-container {
  position: relative;
  width: 100%;
  transition: 0.3s all ease;
}
.contact_us .container .right_side .phone-input-container:hover svg path {
  fill: #487217;
}
.contact_us .container .right_side .phone-input-container .iti {
  width: 100%;
}
.contact_us .container .right_side .phone-input-container .iti__selected-flag {
  border-radius: 25px 0 0 25px;
}
.contact_us .container .right_side .phone-input-container .iti__selected-dial-code {
  display: none;
}
.contact_us .container .right_side .phone-input-container input {
  width: 100%;
  font-family: "stetica";
  font-size: 16px;
  font-weight: 400;
  color: #3d3d3d;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.contact_us .container .right_side .phone-input-container svg {
  position: absolute;
  right: 30px;
  top: 17px;
}
@media (max-width: 576px) {
  .contact_us .container .right_side .phone-input-container svg {
    top: 15px;
    right: 15px;
  }
}
.contact_us .container .right_side textarea {
  padding: 12px 30px;
  height: 100px;
  font-size: 16px;
  font-family: "stetica";
  border: none;
  border-radius: 25px;
  overflow: scroll;
}
.contact_us .container .right_side textarea::placeholder {
  color: #9E9E9E;
}
.contact_us .container .right_side .cntr {
  padding-left: 15px;
}
.contact_us .container .right_side .cntr p {
  color: #fff;
  font-size: 12px;
  font-weight: 4000;
}
.contact_us .container .right_side .cntr p a {
  color: white;
  font-weight: 500;
}
.contact_us .container .right_side .cntr .cbx {
  background: #fff;
}
.contact_us .container .right_side .cntr .cbx::after {
  border-bottom-color: #487217;
  border-right-color: #487217;
  left: 6px;
}
.contact_us .container .right_side .cntr #cbx:checked ~ .cbx {
  background: #fff;
}
.contact_us .container .right_side button {
  margin-top: 25px;
  padding: 21px 0;
  width: 100%;
  text-align: center;
  border-radius: 40px;
  border: 1px solid #fff;
  background-color: transparent;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  transition: 0.3s all ease;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 576px) {
  .contact_us .container .right_side button {
    padding: 11px 0;
  }
}
.contact_us .container .right_side button:hover {
  background-color: #fff;
  color: #75AA37;
}
.contact_us .container .up_button {
  position: absolute;
  right: -130px;
  bottom: 0;
  transition: 0.3s all ease;
}
@media (max-width: 1380px) {
  .contact_us .container .up_button {
    right: -80px;
  }
}
@media (max-width: 1270px) {
  .contact_us .container .up_button {
    right: -15px;
    bottom: -82px;
  }
}
@media (max-width: 1024px) {
  .contact_us .container .up_button {
    display: none;
  }
}
.contact_us .container .up_button:hover {
  transform: scale(1.05);
}
.contact_us .right_deco {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: -1;
}
@media (max-width: 1024px) {
  .contact_us .right_deco {
    display: none;
  }
}
.contact_us .left_deco {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}
@media (max-width: 1024px) {
  .contact_us .left_deco {
    display: none;
  }
}

.wrapper {
  position: relative;
}

.project, .become_member {
  position: relative;
}
.project .container, .become_member .container {
  margin-top: 40px;
  position: relative;
}
@media (max-width: 576px) {
  .project .container, .become_member .container {
    margin-top: 20px;
  }
}
.project .container .breadcrumb, .become_member .container .breadcrumb {
  display: flex;
  gap: 0 15px;
  --bs-breadcrumb-margin-bottom: 30px;
}
@media (max-width: 576px) {
  .project .container .breadcrumb, .become_member .container .breadcrumb {
    --bs-breadcrumb-margin-bottom: 20px;
  }
}
.project .container .breadcrumb a, .become_member .container .breadcrumb a {
  text-decoration: none;
  font-size: 12px;
  color: #717171;
  position: relative;
  transition: 0.3s all ease;
}
.project .container .breadcrumb a:hover, .become_member .container .breadcrumb a:hover {
  color: #75AA37;
}
.project .container .breadcrumb a::after, .become_member .container .breadcrumb a::after {
  content: "/";
  position: absolute;
  right: -10px;
}
.project .container .breadcrumb a:last-child, .become_member .container .breadcrumb a:last-child {
  color: #75AA37;
}
.project .container .breadcrumb a:last-child::after, .become_member .container .breadcrumb a:last-child::after {
  content: none;
}
.project .container .back_button, .become_member .container .back_button {
  display: flex;
  align-items: center;
  gap: 0 5px;
  text-decoration: none;
  transition: 0.3s all ease;
  width: fit-content;
}
.project .container .back_button:hover, .become_member .container .back_button:hover {
  transform: translate(-10px);
}
.project .container .back_button span, .become_member .container .back_button span {
  font-weight: 500;
  font-size: 14px;
  color: #75AA37;
  text-decoration: none;
}
.project .container .project_details, .become_member .container .project_details {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}
@media (max-width: 1100px) {
  .project .container .project_details, .become_member .container .project_details {
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  .project .container .project_details, .become_member .container .project_details {
    gap: 10px;
    margin-top: 20px;
  }
}
.project .container .project_details .left_side, .become_member .container .project_details .left_side {
  width: calc(32% - 15px);
  height: fit-content;
  position: sticky;
  top: 0;
  left: 0;
}
@media (max-width: 1100px) {
  .project .container .project_details .left_side, .become_member .container .project_details .left_side {
    width: 100%;
    position: unset;
  }
}
.project .container .project_details .left_side .project_expenses, .become_member .container .project_details .left_side .project_expenses {
  display: none;
}
@media (max-width: 1100px) {
  .project .container .project_details .left_side .project_expenses, .become_member .container .project_details .left_side .project_expenses {
    display: block;
    margin-bottom: 20px;
  }
}
.project .container .project_details .left_side .information, .become_member .container .project_details .left_side .information {
  display: flex;
  flex-direction: column;
  padding: 35px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  width: 100%;
}
@media (max-width: 576px) {
  .project .container .project_details .left_side .information, .become_member .container .project_details .left_side .information {
    padding: 20px 15px 15px 15px;
  }
}
.project .container .project_details .left_side .image, .become_member .container .project_details .left_side .image {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #75AA37;
  margin: 0 auto;
}
.project .container .project_details .left_side .image span, .become_member .container .project_details .left_side .image span {
  font-size: 32px;
  color: #fff;
}
.project .container .project_details .left_side .main_information, .become_member .container .project_details .left_side .main_information {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}
.project .container .project_details .left_side .main_information h5, .become_member .container .project_details .left_side .main_information h5 {
  font-family: "daysone";
  font-size: 20px;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .project .container .project_details .left_side .main_information h5, .become_member .container .project_details .left_side .main_information h5 {
    font-size: 16px;
    font-weight: 500;
  }
}
.project .container .project_details .left_side div h6, .become_member .container .project_details .left_side div h6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10xp;
}
.project .container .project_details .left_side div p, .become_member .container .project_details .left_side div p {
  font-size: 16px;
}
.project .container .project_details .left_side .green_button, .become_member .container .project_details .left_side .green_button {
  padding: 22px 0;
  width: 224px;
  font-size: 14px;
  color: #fff;
  border-radius: 25px;
  background: #75AA37;
  margin-top: 16px;
  text-align: center;
  text-decoration: none;
  transition: 0.3s all ease;
  margin-top: 20px;
  display: block;
  width: 100%;
  font-weight: 500;
  border-radius: 30px;
}
@media (max-width: 576px) {
  .project .container .project_details .left_side .green_button, .become_member .container .project_details .left_side .green_button {
    padding: 10px 0 11px 0;
    margin-top: 10px;
  }
}
.project .container .project_details .left_side .green_button:hover, .become_member .container .project_details .left_side .green_button:hover {
  border-radius: 30px;
  background: #8EC34F;
  box-shadow: 0px 0px 7px 1px rgba(117, 170, 55, 0.5);
}
.project .container .project_details .right_side, .project .container .project_details .left_side, .become_member .container .project_details .right_side, .become_member .container .project_details .left_side {
  display: flex;
  flex-direction: column;
  width: calc(68% - 15px);
}
@media (max-width: 1100px) {
  .project .container .project_details .right_side, .project .container .project_details .left_side, .become_member .container .project_details .right_side, .become_member .container .project_details .left_side {
    width: 100%;
  }
}
.project .container .project_details .right_side .project_expenses, .project .container .project_details .right_side .about_the_project, .project .container .project_details .left_side .project_expenses, .project .container .project_details .left_side .about_the_project, .become_member .container .project_details .right_side .project_expenses, .become_member .container .project_details .right_side .about_the_project, .become_member .container .project_details .left_side .project_expenses, .become_member .container .project_details .left_side .about_the_project {
  padding: 35px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .project_expenses, .project .container .project_details .right_side .about_the_project, .project .container .project_details .left_side .project_expenses, .project .container .project_details .left_side .about_the_project, .become_member .container .project_details .right_side .project_expenses, .become_member .container .project_details .right_side .about_the_project, .become_member .container .project_details .left_side .project_expenses, .become_member .container .project_details .left_side .about_the_project {
    padding: 20px 15px 15px 15px;
  }
}
.project .container .project_details .right_side .project_expenses .title, .project .container .project_details .right_side .about_the_project .title, .project .container .project_details .left_side .project_expenses .title, .project .container .project_details .left_side .about_the_project .title, .become_member .container .project_details .right_side .project_expenses .title, .become_member .container .project_details .right_side .about_the_project .title, .become_member .container .project_details .left_side .project_expenses .title, .become_member .container .project_details .left_side .about_the_project .title {
  display: flex;
  justify-content: space-between;
}
.project .container .project_details .right_side .project_expenses .title h5, .project .container .project_details .right_side .about_the_project .title h5, .project .container .project_details .left_side .project_expenses .title h5, .project .container .project_details .left_side .about_the_project .title h5, .become_member .container .project_details .right_side .project_expenses .title h5, .become_member .container .project_details .right_side .about_the_project .title h5, .become_member .container .project_details .left_side .project_expenses .title h5, .become_member .container .project_details .left_side .about_the_project .title h5 {
  font-size: 20px;
  font-family: "daysone";
  font-weight: 400;
  margin-bottom: 0;
  width: 80%;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .project_expenses .title h5, .project .container .project_details .right_side .about_the_project .title h5, .project .container .project_details .left_side .project_expenses .title h5, .project .container .project_details .left_side .about_the_project .title h5, .become_member .container .project_details .right_side .project_expenses .title h5, .become_member .container .project_details .right_side .about_the_project .title h5, .become_member .container .project_details .left_side .project_expenses .title h5, .become_member .container .project_details .left_side .about_the_project .title h5 {
    line-height: 93.515%;
  }
}
.project .container .project_details .right_side .project_expenses .title .links, .project .container .project_details .right_side .about_the_project .title .links, .project .container .project_details .left_side .project_expenses .title .links, .project .container .project_details .left_side .about_the_project .title .links, .become_member .container .project_details .right_side .project_expenses .title .links, .become_member .container .project_details .right_side .about_the_project .title .links, .become_member .container .project_details .left_side .project_expenses .title .links, .become_member .container .project_details .left_side .about_the_project .title .links {
  display: flex;
  gap: 0 20px;
}
.project .container .project_details .right_side .project_expenses .title .links a, .project .container .project_details .right_side .about_the_project .title .links a, .project .container .project_details .left_side .project_expenses .title .links a, .project .container .project_details .left_side .about_the_project .title .links a, .become_member .container .project_details .right_side .project_expenses .title .links a, .become_member .container .project_details .right_side .about_the_project .title .links a, .become_member .container .project_details .left_side .project_expenses .title .links a, .become_member .container .project_details .left_side .about_the_project .title .links a {
  text-decoration: none;
}
.project .container .project_details .right_side .project_expenses .id, .project .container .project_details .right_side .about_the_project .id, .project .container .project_details .left_side .project_expenses .id, .project .container .project_details .left_side .about_the_project .id, .become_member .container .project_details .right_side .project_expenses .id, .become_member .container .project_details .right_side .about_the_project .id, .become_member .container .project_details .left_side .project_expenses .id, .become_member .container .project_details .left_side .about_the_project .id {
  color: #9E9E9E;
  font-size: 16px;
  margin-top: 10px;
}
.project .container .project_details .right_side .project_expenses .status, .project .container .project_details .right_side .about_the_project .status, .project .container .project_details .left_side .project_expenses .status, .project .container .project_details .left_side .about_the_project .status, .become_member .container .project_details .right_side .project_expenses .status, .become_member .container .project_details .right_side .about_the_project .status, .become_member .container .project_details .left_side .project_expenses .status, .become_member .container .project_details .left_side .about_the_project .status {
  display: flex;
  gap: 0 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.project .container .project_details .right_side .project_expenses .status span, .project .container .project_details .right_side .about_the_project .status span, .project .container .project_details .left_side .project_expenses .status span, .project .container .project_details .left_side .about_the_project .status span, .become_member .container .project_details .right_side .project_expenses .status span, .become_member .container .project_details .right_side .about_the_project .status span, .become_member .container .project_details .left_side .project_expenses .status span, .become_member .container .project_details .left_side .about_the_project .status span {
  font-size: 16px;
  font-weight: 500;
}
.project .container .project_details .right_side .project_expenses .status p, .project .container .project_details .right_side .about_the_project .status p, .project .container .project_details .left_side .project_expenses .status p, .project .container .project_details .left_side .about_the_project .status p, .become_member .container .project_details .right_side .project_expenses .status p, .become_member .container .project_details .right_side .about_the_project .status p, .become_member .container .project_details .left_side .project_expenses .status p, .become_member .container .project_details .left_side .about_the_project .status p {
  padding: 5px 20px 5px 30px;
  font-size: 12px;
  color: #66E223;
  border-radius: 13px;
  border: 1px solid #66E223;
  position: relative;
}
.project .container .project_details .right_side .project_expenses .status p::before, .project .container .project_details .right_side .about_the_project .status p::before, .project .container .project_details .left_side .project_expenses .status p::before, .project .container .project_details .left_side .about_the_project .status p::before, .become_member .container .project_details .right_side .project_expenses .status p::before, .become_member .container .project_details .right_side .about_the_project .status p::before, .become_member .container .project_details .left_side .project_expenses .status p::before, .become_member .container .project_details .left_side .about_the_project .status p::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #66E223;
  left: 12px;
  top: 10px;
}
.project .container .project_details .right_side .project_expenses .grant_amount, .project .container .project_details .right_side .project_expenses .financing, .project .container .project_details .right_side .project_expenses .total_amount, .project .container .project_details .right_side .about_the_project .grant_amount, .project .container .project_details .right_side .about_the_project .financing, .project .container .project_details .right_side .about_the_project .total_amount, .project .container .project_details .left_side .project_expenses .grant_amount, .project .container .project_details .left_side .project_expenses .financing, .project .container .project_details .left_side .project_expenses .total_amount, .project .container .project_details .left_side .about_the_project .grant_amount, .project .container .project_details .left_side .about_the_project .financing, .project .container .project_details .left_side .about_the_project .total_amount, .become_member .container .project_details .right_side .project_expenses .grant_amount, .become_member .container .project_details .right_side .project_expenses .financing, .become_member .container .project_details .right_side .project_expenses .total_amount, .become_member .container .project_details .right_side .about_the_project .grant_amount, .become_member .container .project_details .right_side .about_the_project .financing, .become_member .container .project_details .right_side .about_the_project .total_amount, .become_member .container .project_details .left_side .project_expenses .grant_amount, .become_member .container .project_details .left_side .project_expenses .financing, .become_member .container .project_details .left_side .project_expenses .total_amount, .become_member .container .project_details .left_side .about_the_project .grant_amount, .become_member .container .project_details .left_side .about_the_project .financing, .become_member .container .project_details .left_side .about_the_project .total_amount {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.project .container .project_details .right_side .project_expenses .grant_amount p, .project .container .project_details .right_side .project_expenses .financing p, .project .container .project_details .right_side .project_expenses .total_amount p, .project .container .project_details .right_side .about_the_project .grant_amount p, .project .container .project_details .right_side .about_the_project .financing p, .project .container .project_details .right_side .about_the_project .total_amount p, .project .container .project_details .left_side .project_expenses .grant_amount p, .project .container .project_details .left_side .project_expenses .financing p, .project .container .project_details .left_side .project_expenses .total_amount p, .project .container .project_details .left_side .about_the_project .grant_amount p, .project .container .project_details .left_side .about_the_project .financing p, .project .container .project_details .left_side .about_the_project .total_amount p, .become_member .container .project_details .right_side .project_expenses .grant_amount p, .become_member .container .project_details .right_side .project_expenses .financing p, .become_member .container .project_details .right_side .project_expenses .total_amount p, .become_member .container .project_details .right_side .about_the_project .grant_amount p, .become_member .container .project_details .right_side .about_the_project .financing p, .become_member .container .project_details .right_side .about_the_project .total_amount p, .become_member .container .project_details .left_side .project_expenses .grant_amount p, .become_member .container .project_details .left_side .project_expenses .financing p, .become_member .container .project_details .left_side .project_expenses .total_amount p, .become_member .container .project_details .left_side .about_the_project .grant_amount p, .become_member .container .project_details .left_side .about_the_project .financing p, .become_member .container .project_details .left_side .about_the_project .total_amount p {
  font-size: 16px;
}
.project .container .project_details .right_side .project_expenses .grant_amount h3, .project .container .project_details .right_side .project_expenses .financing h3, .project .container .project_details .right_side .project_expenses .total_amount h3, .project .container .project_details .right_side .about_the_project .grant_amount h3, .project .container .project_details .right_side .about_the_project .financing h3, .project .container .project_details .right_side .about_the_project .total_amount h3, .project .container .project_details .left_side .project_expenses .grant_amount h3, .project .container .project_details .left_side .project_expenses .financing h3, .project .container .project_details .left_side .project_expenses .total_amount h3, .project .container .project_details .left_side .about_the_project .grant_amount h3, .project .container .project_details .left_side .about_the_project .financing h3, .project .container .project_details .left_side .about_the_project .total_amount h3, .become_member .container .project_details .right_side .project_expenses .grant_amount h3, .become_member .container .project_details .right_side .project_expenses .financing h3, .become_member .container .project_details .right_side .project_expenses .total_amount h3, .become_member .container .project_details .right_side .about_the_project .grant_amount h3, .become_member .container .project_details .right_side .about_the_project .financing h3, .become_member .container .project_details .right_side .about_the_project .total_amount h3, .become_member .container .project_details .left_side .project_expenses .grant_amount h3, .become_member .container .project_details .left_side .project_expenses .financing h3, .become_member .container .project_details .left_side .project_expenses .total_amount h3, .become_member .container .project_details .left_side .about_the_project .grant_amount h3, .become_member .container .project_details .left_side .about_the_project .financing h3, .become_member .container .project_details .left_side .about_the_project .total_amount h3 {
  color: #75AA37;
  font-size: 36px;
  line-height: 93.515%;
  font-weight: 400;
  font-family: "daysone";
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .project_expenses .grant_amount h3, .project .container .project_details .right_side .project_expenses .financing h3, .project .container .project_details .right_side .project_expenses .total_amount h3, .project .container .project_details .right_side .about_the_project .grant_amount h3, .project .container .project_details .right_side .about_the_project .financing h3, .project .container .project_details .right_side .about_the_project .total_amount h3, .project .container .project_details .left_side .project_expenses .grant_amount h3, .project .container .project_details .left_side .project_expenses .financing h3, .project .container .project_details .left_side .project_expenses .total_amount h3, .project .container .project_details .left_side .about_the_project .grant_amount h3, .project .container .project_details .left_side .about_the_project .financing h3, .project .container .project_details .left_side .about_the_project .total_amount h3, .become_member .container .project_details .right_side .project_expenses .grant_amount h3, .become_member .container .project_details .right_side .project_expenses .financing h3, .become_member .container .project_details .right_side .project_expenses .total_amount h3, .become_member .container .project_details .right_side .about_the_project .grant_amount h3, .become_member .container .project_details .right_side .about_the_project .financing h3, .become_member .container .project_details .right_side .about_the_project .total_amount h3, .become_member .container .project_details .left_side .project_expenses .grant_amount h3, .become_member .container .project_details .left_side .project_expenses .financing h3, .become_member .container .project_details .left_side .project_expenses .total_amount h3, .become_member .container .project_details .left_side .about_the_project .grant_amount h3, .become_member .container .project_details .left_side .about_the_project .financing h3, .become_member .container .project_details .left_side .about_the_project .total_amount h3 {
    font-size: 32px;
  }
}
.project .container .project_details .right_side .project_expenses .financing h3, .project .container .project_details .right_side .about_the_project .financing h3, .project .container .project_details .left_side .project_expenses .financing h3, .project .container .project_details .left_side .about_the_project .financing h3, .become_member .container .project_details .right_side .project_expenses .financing h3, .become_member .container .project_details .right_side .about_the_project .financing h3, .become_member .container .project_details .left_side .project_expenses .financing h3, .become_member .container .project_details .left_side .about_the_project .financing h3 {
  color: #9E9E9E;
}
@media (max-width: 1100px) {
  .project .container .project_details .right_side .project_expenses.second, .project .container .project_details .left_side .project_expenses.second, .become_member .container .project_details .right_side .project_expenses.second, .become_member .container .project_details .left_side .project_expenses.second {
    display: none;
  }
}
.project .container .project_details .right_side .about_the_project, .project .container .project_details .left_side .about_the_project, .become_member .container .project_details .right_side .about_the_project, .become_member .container .project_details .left_side .about_the_project {
  margin-top: 20px;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .about_the_project, .project .container .project_details .left_side .about_the_project, .become_member .container .project_details .right_side .about_the_project, .become_member .container .project_details .left_side .about_the_project {
    margin-top: 0;
  }
}
.project .container .project_details .right_side .about_the_project .swiper, .project .container .project_details .left_side .about_the_project .swiper, .become_member .container .project_details .right_side .about_the_project .swiper, .become_member .container .project_details .left_side .about_the_project .swiper {
  width: 100%;
  height: 400px;
  margin-top: 20px;
  padding: 0 30px;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .about_the_project .swiper, .project .container .project_details .left_side .about_the_project .swiper, .become_member .container .project_details .right_side .about_the_project .swiper, .become_member .container .project_details .left_side .about_the_project .swiper {
    padding: 0;
  }
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-slide, .project .container .project_details .left_side .about_the_project .swiper .swiper-slide, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-slide, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-slide img, .project .container .project_details .left_side .about_the_project .swiper .swiper-slide img, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-slide img, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-next, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next {
  width: 50px;
  right: 7px;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .about_the_project .swiper .swiper-button-next, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next {
    display: none;
  }
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg path, .project .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg circle, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg path, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg circle, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg path, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg circle, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg path, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg circle {
  transition: 0.3s all ease;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg:hover path, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg:hover path, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg:hover path, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg:hover path {
  fill: #fff;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg:hover circle, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg:hover circle, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg:hover circle, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg:hover circle {
  fill: #75AA37;
  fill-opacity: 0.8;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-next::after, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next::after, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next::after, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next::after {
  content: none;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev {
  width: 50px;
  left: 7px;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev {
    display: none;
  }
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev::after, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev::after, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev::after, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev::after {
  content: none;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg path, .project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg circle, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg path, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg circle, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg path, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg circle, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg path, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg circle {
  transition: 0.3s all ease;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg:hover path, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg:hover path, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg:hover path, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg:hover path {
  fill: #fff;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg:hover circle, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg:hover circle, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg:hover circle, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg:hover circle {
  fill: #75AA37;
  fill-opacity: 0.8;
}
.project .container .project_details .right_side .about_the_project .swiper-pagination, .project .container .project_details .left_side .about_the_project .swiper-pagination, .become_member .container .project_details .right_side .about_the_project .swiper-pagination, .become_member .container .project_details .left_side .about_the_project .swiper-pagination {
  position: relative;
  margin-top: 20px;
}
.project .container .project_details .right_side .about_the_project .swiper-pagination-bullet, .project .container .project_details .left_side .about_the_project .swiper-pagination-bullet, .become_member .container .project_details .right_side .about_the_project .swiper-pagination-bullet, .become_member .container .project_details .left_side .about_the_project .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}
.project .container .project_details .right_side .about_the_project .swiper-pagination-bullet-active, .project .container .project_details .left_side .about_the_project .swiper-pagination-bullet-active, .become_member .container .project_details .right_side .about_the_project .swiper-pagination-bullet-active, .become_member .container .project_details .left_side .about_the_project .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: #717171;
}
.project .container .project_details .right_side .about_the_project h5, .project .container .project_details .left_side .about_the_project h5, .become_member .container .project_details .right_side .about_the_project h5, .become_member .container .project_details .left_side .about_the_project h5 {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 5px;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .about_the_project h5, .project .container .project_details .left_side .about_the_project h5, .become_member .container .project_details .right_side .about_the_project h5, .become_member .container .project_details .left_side .about_the_project h5 {
    font-size: 16px;
    font-weight: 500;
  }
}
.project .container .project_details .right_side .about_the_project p, .project .container .project_details .left_side .about_the_project p, .become_member .container .project_details .right_side .about_the_project p, .become_member .container .project_details .left_side .about_the_project p {
  font-size: 16px;
}
.project .container .project_details .right_side .about_the_project ol, .project .container .project_details .left_side .about_the_project ol, .become_member .container .project_details .right_side .about_the_project ol, .become_member .container .project_details .left_side .about_the_project ol {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 20px;
}
.project .container .project_details .right_side .about_the_project ol li, .project .container .project_details .left_side .about_the_project ol li, .become_member .container .project_details .right_side .about_the_project ol li, .become_member .container .project_details .left_side .about_the_project ol li {
  font-size: 16px;
}
.project .container .up_button, .become_member .container .up_button {
  position: absolute;
  bottom: 0;
  right: -140px;
}
@media (max-width: 1370px) {
  .project .container .up_button, .become_member .container .up_button {
    right: -80px;
  }
}
@media (max-width: 1270px) {
  .project .container .up_button, .become_member .container .up_button {
    bottom: -82px;
    right: -15px;
  }
}
@media (max-width: 1100px) {
  .project .container .up_button, .become_member .container .up_button {
    display: none;
  }
}
.project .right_deco, .become_member .right_deco {
  position: absolute;
  right: 0;
  top: 100px;
  z-index: -1;
}
@media (max-width: 1450px) {
  .project .right_deco, .become_member .right_deco {
    display: none;
  }
}
.project .left_deco, .become_member .left_deco {
  position: absolute;
  left: 0px;
  top: 100px;
  z-index: -1;
}
@media (max-width: 1100px) {
  .project .left_deco, .become_member .left_deco {
    display: none;
  }
}

.organization_banner {
  //height: 270px;
  background-image: url(../images/organisation-bg.svg);
  background-size: cover;
  background-color: #EFB662;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 950px) {
  .organization_banner {
    align-items: flex-start;
  }
}
.organization_banner .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  //height: 100%;
  min-height: 270px;
}
@media (max-width: 768px) {
  .organization_banner .container {
    align-items: flex-start;
  }
}
.organization_banner .container h1 {
  font-size: 54px;
  font-family: "daysone";
  font-weight: 400;
  color: #fff;
}
@media (max-width: 1280px) {
  .organization_banner .container h1.team_47 {
    width: 65%;
  }
}
@media (max-width: 576px) {
  .organization_banner .container h1.team_47 {
    width: 100%;
  }
}
@media (max-width: 950px) {
  .organization_banner .container h1 {
    margin-top: 10px;
  }
}
@media (max-width: 576px) {
  .organization_banner .container h1 {
    font-size: 32px;
    color: #FFFFD6;
  }
}
.organization_banner .container img {
  position: absolute;
  right: -35px;
  bottom: -15px;
}
@media (max-width: 950px) {
  .organization_banner .container img {
    width: 450px;
    display: none;
  }
}
@media (max-width: 768px) {
  .organization_banner .container img {
    width: 400px;
  }
}

.organisations_group, .support_team, .gubernator_grant, .sources_center, .main_source_center, .educational_programs, .seminar_section, .consultaion_section,
.legal_advice, .volunter_section, .volunter_seeking_section, .social_internship, .president_doundation {
  margin-top: 40px;
  position: relative;
}
@media (max-width: 576px) {
  .organisations_group, .support_team, .gubernator_grant, .sources_center, .main_source_center, .educational_programs, .seminar_section, .consultaion_section,
  .legal_advice, .volunter_section, .volunter_seeking_section, .social_internship, .president_doundation {
    margin-top: 20px;
  }
}
.organisations_group .container, .support_team .container, .gubernator_grant .container, .sources_center .container, .main_source_center .container, .educational_programs .container, .seminar_section .container, .consultaion_section .container,
.legal_advice .container, .volunter_section .container, .volunter_seeking_section .container, .social_internship .container, .president_doundation .container {
  position: relative;
}
.organisations_group .breadcrumb, .support_team .breadcrumb, .gubernator_grant .breadcrumb, .sources_center .breadcrumb, .main_source_center .breadcrumb, .educational_programs .breadcrumb, .seminar_section .breadcrumb, .consultaion_section .breadcrumb,
.legal_advice .breadcrumb, .volunter_section .breadcrumb, .volunter_seeking_section .breadcrumb, .social_internship .breadcrumb, .president_doundation .breadcrumb {
  display: flex;
  align-items: center;
  gap: 0 15px;
}
.organisations_group .breadcrumb a, .support_team .breadcrumb a, .gubernator_grant .breadcrumb a, .sources_center .breadcrumb a, .main_source_center .breadcrumb a, .educational_programs .breadcrumb a, .seminar_section .breadcrumb a, .consultaion_section .breadcrumb a,
.legal_advice .breadcrumb a, .volunter_section .breadcrumb a, .volunter_seeking_section .breadcrumb a, .social_internship .breadcrumb a, .president_doundation .breadcrumb a {
  text-decoration: none;
  color: #717171;
  font-size: 12px;
  position: relative;
}
.organisations_group .breadcrumb a::after, .support_team .breadcrumb a::after, .gubernator_grant .breadcrumb a::after, .sources_center .breadcrumb a::after, .main_source_center .breadcrumb a::after, .educational_programs .breadcrumb a::after, .seminar_section .breadcrumb a::after, .consultaion_section .breadcrumb a::after,
.legal_advice .breadcrumb a::after, .volunter_section .breadcrumb a::after, .volunter_seeking_section .breadcrumb a::after, .social_internship .breadcrumb a::after, .president_doundation .breadcrumb a::after {
  content: "/";
  position: absolute;
  right: -10px;
}
.organisations_group .breadcrumb a:last-child, .support_team .breadcrumb a:last-child, .gubernator_grant .breadcrumb a:last-child, .sources_center .breadcrumb a:last-child, .main_source_center .breadcrumb a:last-child, .educational_programs .breadcrumb a:last-child, .seminar_section .breadcrumb a:last-child, .consultaion_section .breadcrumb a:last-child,
.legal_advice .breadcrumb a:last-child, .volunter_section .breadcrumb a:last-child, .volunter_seeking_section .breadcrumb a:last-child, .social_internship .breadcrumb a:last-child, .president_doundation .breadcrumb a:last-child {
  color: #EFB662;
}
.organisations_group .breadcrumb a:last-child::after, .support_team .breadcrumb a:last-child::after, .gubernator_grant .breadcrumb a:last-child::after, .sources_center .breadcrumb a:last-child::after, .main_source_center .breadcrumb a:last-child::after, .educational_programs .breadcrumb a:last-child::after, .seminar_section .breadcrumb a:last-child::after, .consultaion_section .breadcrumb a:last-child::after,
.legal_advice .breadcrumb a:last-child::after, .volunter_section .breadcrumb a:last-child::after, .volunter_seeking_section .breadcrumb a:last-child::after, .social_internship .breadcrumb a:last-child::after, .president_doundation .breadcrumb a:last-child::after {
  content: none;
}
.organisations_group .up_button, .support_team .up_button, .gubernator_grant .up_button, .sources_center .up_button, .main_source_center .up_button, .educational_programs .up_button, .seminar_section .up_button, .consultaion_section .up_button,
.legal_advice .up_button, .volunter_section .up_button, .volunter_seeking_section .up_button, .social_internship .up_button, .president_doundation .up_button {
  position: absolute;
  right: -130px;
  bottom: 0;
}
@media (max-width: 1380px) {
  .organisations_group .up_button, .support_team .up_button, .gubernator_grant .up_button, .sources_center .up_button, .main_source_center .up_button, .educational_programs .up_button, .seminar_section .up_button, .consultaion_section .up_button,
  .legal_advice .up_button, .volunter_section .up_button, .volunter_seeking_section .up_button, .social_internship .up_button, .president_doundation .up_button {
    right: -80px;
  }
}
@media (max-width: 1270px) {
  .organisations_group .up_button, .support_team .up_button, .gubernator_grant .up_button, .sources_center .up_button, .main_source_center .up_button, .educational_programs .up_button, .seminar_section .up_button, .consultaion_section .up_button,
  .legal_advice .up_button, .volunter_section .up_button, .volunter_seeking_section .up_button, .social_internship .up_button, .president_doundation .up_button {
    right: 0;
    bottom: -81px;
  }
}
@media (max-width: 1024px) {
  .organisations_group .up_button, .support_team .up_button, .gubernator_grant .up_button, .sources_center .up_button, .main_source_center .up_button, .educational_programs .up_button, .seminar_section .up_button, .consultaion_section .up_button,
  .legal_advice .up_button, .volunter_section .up_button, .volunter_seeking_section .up_button, .social_internship .up_button, .president_doundation .up_button {
    display: none;
  }
}
.organisations_group .organisation_types, .support_team .organisation_types, .gubernator_grant .organisation_types, .sources_center .organisation_types, .main_source_center .organisation_types, .educational_programs .organisation_types, .seminar_section .organisation_types, .consultaion_section .organisation_types,
.legal_advice .organisation_types, .volunter_section .organisation_types, .volunter_seeking_section .organisation_types, .social_internship .organisation_types, .president_doundation .organisation_types {
  display: flex;
  margin-top: 25px;
  gap: 0 30px;
  background: #fff;
}
@media (max-width: 768px) {
  .organisations_group .organisation_types, .support_team .organisation_types, .gubernator_grant .organisation_types, .sources_center .organisation_types, .main_source_center .organisation_types, .educational_programs .organisation_types, .seminar_section .organisation_types, .consultaion_section .organisation_types,
  .legal_advice .organisation_types, .volunter_section .organisation_types, .volunter_seeking_section .organisation_types, .social_internship .organisation_types, .president_doundation .organisation_types {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .organisations_group .organisation_types, .support_team .organisation_types, .gubernator_grant .organisation_types, .sources_center .organisation_types, .main_source_center .organisation_types, .educational_programs .organisation_types, .seminar_section .organisation_types, .consultaion_section .organisation_types,
  .legal_advice .organisation_types, .volunter_section .organisation_types, .volunter_seeking_section .organisation_types, .social_internship .organisation_types, .president_doundation .organisation_types {
    gap: 10px;
  }
}
.organisations_group .organisation_types .types, .support_team .organisation_types .types, .gubernator_grant .organisation_types .types, .sources_center .organisation_types .types, .main_source_center .organisation_types .types, .educational_programs .organisation_types .types, .seminar_section .organisation_types .types, .consultaion_section .organisation_types .types,
.legal_advice .organisation_types .types, .volunter_section .organisation_types .types, .volunter_seeking_section .organisation_types .types, .social_internship .organisation_types .types, .president_doundation .organisation_types .types {
  max-width: 825px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types, .support_team .organisation_types .types, .gubernator_grant .organisation_types .types, .sources_center .organisation_types .types, .main_source_center .organisation_types .types, .educational_programs .organisation_types .types, .seminar_section .organisation_types .types, .consultaion_section .organisation_types .types,
  .legal_advice .organisation_types .types, .volunter_section .organisation_types .types, .volunter_seeking_section .organisation_types .types, .social_internship .organisation_types .types, .president_doundation .organisation_types .types {
    gap: 10px;
  }
}
.organisations_group .organisation_types .types .item, .support_team .organisation_types .types .item, .gubernator_grant .organisation_types .types .item, .sources_center .organisation_types .types .item, .main_source_center .organisation_types .types .item, .educational_programs .organisation_types .types .item, .seminar_section .organisation_types .types .item, .consultaion_section .organisation_types .types .item,
.legal_advice .organisation_types .types .item, .volunter_section .organisation_types .types .item, .volunter_seeking_section .organisation_types .types .item, .social_internship .organisation_types .types .item, .president_doundation .organisation_types .types .item {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  display: flex;
  gap: 0 25px;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types .item, .support_team .organisation_types .types .item, .gubernator_grant .organisation_types .types .item, .sources_center .organisation_types .types .item, .main_source_center .organisation_types .types .item, .educational_programs .organisation_types .types .item, .seminar_section .organisation_types .types .item, .consultaion_section .organisation_types .types .item,
  .legal_advice .organisation_types .types .item, .volunter_section .organisation_types .types .item, .volunter_seeking_section .organisation_types .types .item, .social_internship .organisation_types .types .item, .president_doundation .organisation_types .types .item {
    flex-wrap: wrap;
  }
}
@media (max-width: 950px) {
  .organisations_group .organisation_types .types .item, .support_team .organisation_types .types .item, .gubernator_grant .organisation_types .types .item, .sources_center .organisation_types .types .item, .main_source_center .organisation_types .types .item, .educational_programs .organisation_types .types .item, .seminar_section .organisation_types .types .item, .consultaion_section .organisation_types .types .item,
  .legal_advice .organisation_types .types .item, .volunter_section .organisation_types .types .item, .volunter_seeking_section .organisation_types .types .item, .social_internship .organisation_types .types .item, .president_doundation .organisation_types .types .item {
    gap: 15px;
  }
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types .item, .support_team .organisation_types .types .item, .gubernator_grant .organisation_types .types .item, .sources_center .organisation_types .types .item, .main_source_center .organisation_types .types .item, .educational_programs .organisation_types .types .item, .seminar_section .organisation_types .types .item, .consultaion_section .organisation_types .types .item,
  .legal_advice .organisation_types .types .item, .volunter_section .organisation_types .types .item, .volunter_seeking_section .organisation_types .types .item, .social_internship .organisation_types .types .item, .president_doundation .organisation_types .types .item {
    padding: 20px 15px 15px 15px;
  }
}
.organisations_group .organisation_types .types .item .image1, .organisations_group .organisation_types .types .item .image2, .organisations_group .organisation_types .types .item .image3, .organisations_group .organisation_types .types .item .image4, .organisations_group .organisation_types .types .item .image5, .organisations_group .organisation_types .types .item .image6, .support_team .organisation_types .types .item .image1, .support_team .organisation_types .types .item .image2, .support_team .organisation_types .types .item .image3, .support_team .organisation_types .types .item .image4, .support_team .organisation_types .types .item .image5, .support_team .organisation_types .types .item .image6, .gubernator_grant .organisation_types .types .item .image1, .gubernator_grant .organisation_types .types .item .image2, .gubernator_grant .organisation_types .types .item .image3, .gubernator_grant .organisation_types .types .item .image4, .gubernator_grant .organisation_types .types .item .image5, .gubernator_grant .organisation_types .types .item .image6, .sources_center .organisation_types .types .item .image1, .sources_center .organisation_types .types .item .image2, .sources_center .organisation_types .types .item .image3, .sources_center .organisation_types .types .item .image4, .sources_center .organisation_types .types .item .image5, .sources_center .organisation_types .types .item .image6, .main_source_center .organisation_types .types .item .image1, .main_source_center .organisation_types .types .item .image2, .main_source_center .organisation_types .types .item .image3, .main_source_center .organisation_types .types .item .image4, .main_source_center .organisation_types .types .item .image5, .main_source_center .organisation_types .types .item .image6, .educational_programs .organisation_types .types .item .image1, .educational_programs .organisation_types .types .item .image2, .educational_programs .organisation_types .types .item .image3, .educational_programs .organisation_types .types .item .image4, .educational_programs .organisation_types .types .item .image5, .educational_programs .organisation_types .types .item .image6, .seminar_section .organisation_types .types .item .image1, .seminar_section .organisation_types .types .item .image2, .seminar_section .organisation_types .types .item .image3, .seminar_section .organisation_types .types .item .image4, .seminar_section .organisation_types .types .item .image5, .seminar_section .organisation_types .types .item .image6, .consultaion_section .organisation_types .types .item .image1, .consultaion_section .organisation_types .types .item .image2, .consultaion_section .organisation_types .types .item .image3, .consultaion_section .organisation_types .types .item .image4, .consultaion_section .organisation_types .types .item .image5, .consultaion_section .organisation_types .types .item .image6,
.legal_advice .organisation_types .types .item .image1,
.legal_advice .organisation_types .types .item .image2,
.legal_advice .organisation_types .types .item .image3,
.legal_advice .organisation_types .types .item .image4,
.legal_advice .organisation_types .types .item .image5,
.legal_advice .organisation_types .types .item .image6, .volunter_section .organisation_types .types .item .image1, .volunter_section .organisation_types .types .item .image2, .volunter_section .organisation_types .types .item .image3, .volunter_section .organisation_types .types .item .image4, .volunter_section .organisation_types .types .item .image5, .volunter_section .organisation_types .types .item .image6, .volunter_seeking_section .organisation_types .types .item .image1, .volunter_seeking_section .organisation_types .types .item .image2, .volunter_seeking_section .organisation_types .types .item .image3, .volunter_seeking_section .organisation_types .types .item .image4, .volunter_seeking_section .organisation_types .types .item .image5, .volunter_seeking_section .organisation_types .types .item .image6, .social_internship .organisation_types .types .item .image1, .social_internship .organisation_types .types .item .image2, .social_internship .organisation_types .types .item .image3, .social_internship .organisation_types .types .item .image4, .social_internship .organisation_types .types .item .image5, .social_internship .organisation_types .types .item .image6, .president_doundation .organisation_types .types .item .image1, .president_doundation .organisation_types .types .item .image2, .president_doundation .organisation_types .types .item .image3, .president_doundation .organisation_types .types .item .image4, .president_doundation .organisation_types .types .item .image5, .president_doundation .organisation_types .types .item .image6 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #EFB662;
  flex-shrink: 0;
}
.organisations_group .organisation_types .types .item .image1.three, .organisations_group .organisation_types .types .item .image2.three, .organisations_group .organisation_types .types .item .image3.three, .organisations_group .organisation_types .types .item .image4.three, .organisations_group .organisation_types .types .item .image5.three, .organisations_group .organisation_types .types .item .image6.three, .support_team .organisation_types .types .item .image1.three, .support_team .organisation_types .types .item .image2.three, .support_team .organisation_types .types .item .image3.three, .support_team .organisation_types .types .item .image4.three, .support_team .organisation_types .types .item .image5.three, .support_team .organisation_types .types .item .image6.three, .gubernator_grant .organisation_types .types .item .image1.three, .gubernator_grant .organisation_types .types .item .image2.three, .gubernator_grant .organisation_types .types .item .image3.three, .gubernator_grant .organisation_types .types .item .image4.three, .gubernator_grant .organisation_types .types .item .image5.three, .gubernator_grant .organisation_types .types .item .image6.three, .sources_center .organisation_types .types .item .image1.three, .sources_center .organisation_types .types .item .image2.three, .sources_center .organisation_types .types .item .image3.three, .sources_center .organisation_types .types .item .image4.three, .sources_center .organisation_types .types .item .image5.three, .sources_center .organisation_types .types .item .image6.three, .main_source_center .organisation_types .types .item .image1.three, .main_source_center .organisation_types .types .item .image2.three, .main_source_center .organisation_types .types .item .image3.three, .main_source_center .organisation_types .types .item .image4.three, .main_source_center .organisation_types .types .item .image5.three, .main_source_center .organisation_types .types .item .image6.three, .educational_programs .organisation_types .types .item .image1.three, .educational_programs .organisation_types .types .item .image2.three, .educational_programs .organisation_types .types .item .image3.three, .educational_programs .organisation_types .types .item .image4.three, .educational_programs .organisation_types .types .item .image5.three, .educational_programs .organisation_types .types .item .image6.three, .seminar_section .organisation_types .types .item .image1.three, .seminar_section .organisation_types .types .item .image2.three, .seminar_section .organisation_types .types .item .image3.three, .seminar_section .organisation_types .types .item .image4.three, .seminar_section .organisation_types .types .item .image5.three, .seminar_section .organisation_types .types .item .image6.three, .consultaion_section .organisation_types .types .item .image1.three, .consultaion_section .organisation_types .types .item .image2.three, .consultaion_section .organisation_types .types .item .image3.three, .consultaion_section .organisation_types .types .item .image4.three, .consultaion_section .organisation_types .types .item .image5.three, .consultaion_section .organisation_types .types .item .image6.three,
.legal_advice .organisation_types .types .item .image1.three,
.legal_advice .organisation_types .types .item .image2.three,
.legal_advice .organisation_types .types .item .image3.three,
.legal_advice .organisation_types .types .item .image4.three,
.legal_advice .organisation_types .types .item .image5.three,
.legal_advice .organisation_types .types .item .image6.three, .volunter_section .organisation_types .types .item .image1.three, .volunter_section .organisation_types .types .item .image2.three, .volunter_section .organisation_types .types .item .image3.three, .volunter_section .organisation_types .types .item .image4.three, .volunter_section .organisation_types .types .item .image5.three, .volunter_section .organisation_types .types .item .image6.three, .volunter_seeking_section .organisation_types .types .item .image1.three, .volunter_seeking_section .organisation_types .types .item .image2.three, .volunter_seeking_section .organisation_types .types .item .image3.three, .volunter_seeking_section .organisation_types .types .item .image4.three, .volunter_seeking_section .organisation_types .types .item .image5.three, .volunter_seeking_section .organisation_types .types .item .image6.three, .social_internship .organisation_types .types .item .image1.three, .social_internship .organisation_types .types .item .image2.three, .social_internship .organisation_types .types .item .image3.three, .social_internship .organisation_types .types .item .image4.three, .social_internship .organisation_types .types .item .image5.three, .social_internship .organisation_types .types .item .image6.three, .president_doundation .organisation_types .types .item .image1.three, .president_doundation .organisation_types .types .item .image2.three, .president_doundation .organisation_types .types .item .image3.three, .president_doundation .organisation_types .types .item .image4.three, .president_doundation .organisation_types .types .item .image5.three, .president_doundation .organisation_types .types .item .image6.three {
  order: 3;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types .item .image1.three, .organisations_group .organisation_types .types .item .image2.three, .organisations_group .organisation_types .types .item .image3.three, .organisations_group .organisation_types .types .item .image4.three, .organisations_group .organisation_types .types .item .image5.three, .organisations_group .organisation_types .types .item .image6.three, .support_team .organisation_types .types .item .image1.three, .support_team .organisation_types .types .item .image2.three, .support_team .organisation_types .types .item .image3.three, .support_team .organisation_types .types .item .image4.three, .support_team .organisation_types .types .item .image5.three, .support_team .organisation_types .types .item .image6.three, .gubernator_grant .organisation_types .types .item .image1.three, .gubernator_grant .organisation_types .types .item .image2.three, .gubernator_grant .organisation_types .types .item .image3.three, .gubernator_grant .organisation_types .types .item .image4.three, .gubernator_grant .organisation_types .types .item .image5.three, .gubernator_grant .organisation_types .types .item .image6.three, .sources_center .organisation_types .types .item .image1.three, .sources_center .organisation_types .types .item .image2.three, .sources_center .organisation_types .types .item .image3.three, .sources_center .organisation_types .types .item .image4.three, .sources_center .organisation_types .types .item .image5.three, .sources_center .organisation_types .types .item .image6.three, .main_source_center .organisation_types .types .item .image1.three, .main_source_center .organisation_types .types .item .image2.three, .main_source_center .organisation_types .types .item .image3.three, .main_source_center .organisation_types .types .item .image4.three, .main_source_center .organisation_types .types .item .image5.three, .main_source_center .organisation_types .types .item .image6.three, .educational_programs .organisation_types .types .item .image1.three, .educational_programs .organisation_types .types .item .image2.three, .educational_programs .organisation_types .types .item .image3.three, .educational_programs .organisation_types .types .item .image4.three, .educational_programs .organisation_types .types .item .image5.three, .educational_programs .organisation_types .types .item .image6.three, .seminar_section .organisation_types .types .item .image1.three, .seminar_section .organisation_types .types .item .image2.three, .seminar_section .organisation_types .types .item .image3.three, .seminar_section .organisation_types .types .item .image4.three, .seminar_section .organisation_types .types .item .image5.three, .seminar_section .organisation_types .types .item .image6.three, .consultaion_section .organisation_types .types .item .image1.three, .consultaion_section .organisation_types .types .item .image2.three, .consultaion_section .organisation_types .types .item .image3.three, .consultaion_section .organisation_types .types .item .image4.three, .consultaion_section .organisation_types .types .item .image5.three, .consultaion_section .organisation_types .types .item .image6.three,
  .legal_advice .organisation_types .types .item .image1.three,
  .legal_advice .organisation_types .types .item .image2.three,
  .legal_advice .organisation_types .types .item .image3.three,
  .legal_advice .organisation_types .types .item .image4.three,
  .legal_advice .organisation_types .types .item .image5.three,
  .legal_advice .organisation_types .types .item .image6.three, .volunter_section .organisation_types .types .item .image1.three, .volunter_section .organisation_types .types .item .image2.three, .volunter_section .organisation_types .types .item .image3.three, .volunter_section .organisation_types .types .item .image4.three, .volunter_section .organisation_types .types .item .image5.three, .volunter_section .organisation_types .types .item .image6.three, .volunter_seeking_section .organisation_types .types .item .image1.three, .volunter_seeking_section .organisation_types .types .item .image2.three, .volunter_seeking_section .organisation_types .types .item .image3.three, .volunter_seeking_section .organisation_types .types .item .image4.three, .volunter_seeking_section .organisation_types .types .item .image5.three, .volunter_seeking_section .organisation_types .types .item .image6.three, .social_internship .organisation_types .types .item .image1.three, .social_internship .organisation_types .types .item .image2.three, .social_internship .organisation_types .types .item .image3.three, .social_internship .organisation_types .types .item .image4.three, .social_internship .organisation_types .types .item .image5.three, .social_internship .organisation_types .types .item .image6.three, .president_doundation .organisation_types .types .item .image1.three, .president_doundation .organisation_types .types .item .image2.three, .president_doundation .organisation_types .types .item .image3.three, .president_doundation .organisation_types .types .item .image4.three, .president_doundation .organisation_types .types .item .image5.three, .president_doundation .organisation_types .types .item .image6.three {
    order: 1;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
  }
}
.organisations_group .organisation_types .types .item .image2, .support_team .organisation_types .types .item .image2, .gubernator_grant .organisation_types .types .item .image2, .sources_center .organisation_types .types .item .image2, .main_source_center .organisation_types .types .item .image2, .educational_programs .organisation_types .types .item .image2, .seminar_section .organisation_types .types .item .image2, .consultaion_section .organisation_types .types .item .image2,
.legal_advice .organisation_types .types .item .image2, .volunter_section .organisation_types .types .item .image2, .volunter_seeking_section .organisation_types .types .item .image2, .social_internship .organisation_types .types .item .image2, .president_doundation .organisation_types .types .item .image2 {
  background-color: #EF6762;
}
.organisations_group .organisation_types .types .item .image3, .support_team .organisation_types .types .item .image3, .gubernator_grant .organisation_types .types .item .image3, .sources_center .organisation_types .types .item .image3, .main_source_center .organisation_types .types .item .image3, .educational_programs .organisation_types .types .item .image3, .seminar_section .organisation_types .types .item .image3, .consultaion_section .organisation_types .types .item .image3,
.legal_advice .organisation_types .types .item .image3, .volunter_section .organisation_types .types .item .image3, .volunter_seeking_section .organisation_types .types .item .image3, .social_internship .organisation_types .types .item .image3, .president_doundation .organisation_types .types .item .image3 {
  background-color: #E6EF62;
}
.organisations_group .organisation_types .types .item .image4, .support_team .organisation_types .types .item .image4, .gubernator_grant .organisation_types .types .item .image4, .sources_center .organisation_types .types .item .image4, .main_source_center .organisation_types .types .item .image4, .educational_programs .organisation_types .types .item .image4, .seminar_section .organisation_types .types .item .image4, .consultaion_section .organisation_types .types .item .image4,
.legal_advice .organisation_types .types .item .image4, .volunter_section .organisation_types .types .item .image4, .volunter_seeking_section .organisation_types .types .item .image4, .social_internship .organisation_types .types .item .image4, .president_doundation .organisation_types .types .item .image4 {
  background-color: #62EF72;
}
.organisations_group .organisation_types .types .item .image5, .support_team .organisation_types .types .item .image5, .gubernator_grant .organisation_types .types .item .image5, .sources_center .organisation_types .types .item .image5, .main_source_center .organisation_types .types .item .image5, .educational_programs .organisation_types .types .item .image5, .seminar_section .organisation_types .types .item .image5, .consultaion_section .organisation_types .types .item .image5,
.legal_advice .organisation_types .types .item .image5, .volunter_section .organisation_types .types .item .image5, .volunter_seeking_section .organisation_types .types .item .image5, .social_internship .organisation_types .types .item .image5, .president_doundation .organisation_types .types .item .image5 {
  background-color: #6285EF;
}
.organisations_group .organisation_types .types .item .image6, .support_team .organisation_types .types .item .image6, .gubernator_grant .organisation_types .types .item .image6, .sources_center .organisation_types .types .item .image6, .main_source_center .organisation_types .types .item .image6, .educational_programs .organisation_types .types .item .image6, .seminar_section .organisation_types .types .item .image6, .consultaion_section .organisation_types .types .item .image6,
.legal_advice .organisation_types .types .item .image6, .volunter_section .organisation_types .types .item .image6, .volunter_seeking_section .organisation_types .types .item .image6, .social_internship .organisation_types .types .item .image6, .president_doundation .organisation_types .types .item .image6 {
  background-color: #EF62B2;
}
.organisations_group .organisation_types .types .item .title, .support_team .organisation_types .types .item .title, .gubernator_grant .organisation_types .types .item .title, .sources_center .organisation_types .types .item .title, .main_source_center .organisation_types .types .item .title, .educational_programs .organisation_types .types .item .title, .seminar_section .organisation_types .types .item .title, .consultaion_section .organisation_types .types .item .title,
.legal_advice .organisation_types .types .item .title, .volunter_section .organisation_types .types .item .title, .volunter_seeking_section .organisation_types .types .item .title, .social_internship .organisation_types .types .item .title, .president_doundation .organisation_types .types .item .title {
  max-width: 475px;
}
.organisations_group .organisation_types .types .item .title.two, .support_team .organisation_types .types .item .title.two, .gubernator_grant .organisation_types .types .item .title.two, .sources_center .organisation_types .types .item .title.two, .main_source_center .organisation_types .types .item .title.two, .educational_programs .organisation_types .types .item .title.two, .seminar_section .organisation_types .types .item .title.two, .consultaion_section .organisation_types .types .item .title.two,
.legal_advice .organisation_types .types .item .title.two, .volunter_section .organisation_types .types .item .title.two, .volunter_seeking_section .organisation_types .types .item .title.two, .social_internship .organisation_types .types .item .title.two, .president_doundation .organisation_types .types .item .title.two {
  order: 2;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types .item .title.two, .support_team .organisation_types .types .item .title.two, .gubernator_grant .organisation_types .types .item .title.two, .sources_center .organisation_types .types .item .title.two, .main_source_center .organisation_types .types .item .title.two, .educational_programs .organisation_types .types .item .title.two, .seminar_section .organisation_types .types .item .title.two, .consultaion_section .organisation_types .types .item .title.two,
  .legal_advice .organisation_types .types .item .title.two, .volunter_section .organisation_types .types .item .title.two, .volunter_seeking_section .organisation_types .types .item .title.two, .social_internship .organisation_types .types .item .title.two, .president_doundation .organisation_types .types .item .title.two {
    order: 2;
    width: 78%;
  }
}
.organisations_group .organisation_types .types .item .title .name, .support_team .organisation_types .types .item .title .name, .gubernator_grant .organisation_types .types .item .title .name, .sources_center .organisation_types .types .item .title .name, .main_source_center .organisation_types .types .item .title .name, .educational_programs .organisation_types .types .item .title .name, .seminar_section .organisation_types .types .item .title .name, .consultaion_section .organisation_types .types .item .title .name,
.legal_advice .organisation_types .types .item .title .name, .volunter_section .organisation_types .types .item .title .name, .volunter_seeking_section .organisation_types .types .item .title .name, .social_internship .organisation_types .types .item .title .name, .president_doundation .organisation_types .types .item .title .name {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 0 15px;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types .item .title .name, .support_team .organisation_types .types .item .title .name, .gubernator_grant .organisation_types .types .item .title .name, .sources_center .organisation_types .types .item .title .name, .main_source_center .organisation_types .types .item .title .name, .educational_programs .organisation_types .types .item .title .name, .seminar_section .organisation_types .types .item .title .name, .consultaion_section .organisation_types .types .item .title .name,
  .legal_advice .organisation_types .types .item .title .name, .volunter_section .organisation_types .types .item .title .name, .volunter_seeking_section .organisation_types .types .item .title .name, .social_internship .organisation_types .types .item .title .name, .president_doundation .organisation_types .types .item .title .name {
    margin-bottom: 10px;
  }
}
.organisations_group .organisation_types .types .item .title .name h6, .support_team .organisation_types .types .item .title .name h6, .gubernator_grant .organisation_types .types .item .title .name h6, .sources_center .organisation_types .types .item .title .name h6, .main_source_center .organisation_types .types .item .title .name h6, .educational_programs .organisation_types .types .item .title .name h6, .seminar_section .organisation_types .types .item .title .name h6, .consultaion_section .organisation_types .types .item .title .name h6,
.legal_advice .organisation_types .types .item .title .name h6, .volunter_section .organisation_types .types .item .title .name h6, .volunter_seeking_section .organisation_types .types .item .title .name h6, .social_internship .organisation_types .types .item .title .name h6, .president_doundation .organisation_types .types .item .title .name h6 {
  margin-bottom: 0;
  font-size: 20px;
  font-family: "daysone";
  font-weight: 400;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types .item .title .name h6, .support_team .organisation_types .types .item .title .name h6, .gubernator_grant .organisation_types .types .item .title .name h6, .sources_center .organisation_types .types .item .title .name h6, .main_source_center .organisation_types .types .item .title .name h6, .educational_programs .organisation_types .types .item .title .name h6, .seminar_section .organisation_types .types .item .title .name h6, .consultaion_section .organisation_types .types .item .title .name h6,
  .legal_advice .organisation_types .types .item .title .name h6, .volunter_section .organisation_types .types .item .title .name h6, .volunter_seeking_section .organisation_types .types .item .title .name h6, .social_internship .organisation_types .types .item .title .name h6, .president_doundation .organisation_types .types .item .title .name h6 {
    font-size: 16px;
  }
}
.organisations_group .organisation_types .types .item .title .info, .support_team .organisation_types .types .item .title .info, .gubernator_grant .organisation_types .types .item .title .info, .sources_center .organisation_types .types .item .title .info, .main_source_center .organisation_types .types .item .title .info, .educational_programs .organisation_types .types .item .title .info, .seminar_section .organisation_types .types .item .title .info, .consultaion_section .organisation_types .types .item .title .info,
.legal_advice .organisation_types .types .item .title .info, .volunter_section .organisation_types .types .item .title .info, .volunter_seeking_section .organisation_types .types .item .title .info, .social_internship .organisation_types .types .item .title .info, .president_doundation .organisation_types .types .item .title .info {
  font-size: 16px;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types .item .title .info, .support_team .organisation_types .types .item .title .info, .gubernator_grant .organisation_types .types .item .title .info, .sources_center .organisation_types .types .item .title .info, .main_source_center .organisation_types .types .item .title .info, .educational_programs .organisation_types .types .item .title .info, .seminar_section .organisation_types .types .item .title .info, .consultaion_section .organisation_types .types .item .title .info,
  .legal_advice .organisation_types .types .item .title .info, .volunter_section .organisation_types .types .item .title .info, .volunter_seeking_section .organisation_types .types .item .title .info, .social_internship .organisation_types .types .item .title .info, .president_doundation .organisation_types .types .item .title .info {
    font-size: 14px;
    line-height: 93.5%;
  }
}
.organisations_group .organisation_types .types .item .actions, .support_team .organisation_types .types .item .actions, .gubernator_grant .organisation_types .types .item .actions, .sources_center .organisation_types .types .item .actions, .main_source_center .organisation_types .types .item .actions, .educational_programs .organisation_types .types .item .actions, .seminar_section .organisation_types .types .item .actions, .consultaion_section .organisation_types .types .item .actions,
.legal_advice .organisation_types .types .item .actions, .volunter_section .organisation_types .types .item .actions, .volunter_seeking_section .organisation_types .types .item .actions, .social_internship .organisation_types .types .item .actions, .president_doundation .organisation_types .types .item .actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types .item .actions, .support_team .organisation_types .types .item .actions, .gubernator_grant .organisation_types .types .item .actions, .sources_center .organisation_types .types .item .actions, .main_source_center .organisation_types .types .item .actions, .educational_programs .organisation_types .types .item .actions, .seminar_section .organisation_types .types .item .actions, .consultaion_section .organisation_types .types .item .actions,
  .legal_advice .organisation_types .types .item .actions, .volunter_section .organisation_types .types .item .actions, .volunter_seeking_section .organisation_types .types .item .actions, .social_internship .organisation_types .types .item .actions, .president_doundation .organisation_types .types .item .actions {
    margin-top: 30px;
  }
}
.organisations_group .organisation_types .types .item .actions.one, .support_team .organisation_types .types .item .actions.one, .gubernator_grant .organisation_types .types .item .actions.one, .sources_center .organisation_types .types .item .actions.one, .main_source_center .organisation_types .types .item .actions.one, .educational_programs .organisation_types .types .item .actions.one, .seminar_section .organisation_types .types .item .actions.one, .consultaion_section .organisation_types .types .item .actions.one,
.legal_advice .organisation_types .types .item .actions.one, .volunter_section .organisation_types .types .item .actions.one, .volunter_seeking_section .organisation_types .types .item .actions.one, .social_internship .organisation_types .types .item .actions.one, .president_doundation .organisation_types .types .item .actions.one {
  order: 1;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types .item .actions.one, .support_team .organisation_types .types .item .actions.one, .gubernator_grant .organisation_types .types .item .actions.one, .sources_center .organisation_types .types .item .actions.one, .main_source_center .organisation_types .types .item .actions.one, .educational_programs .organisation_types .types .item .actions.one, .seminar_section .organisation_types .types .item .actions.one, .consultaion_section .organisation_types .types .item .actions.one,
  .legal_advice .organisation_types .types .item .actions.one, .volunter_section .organisation_types .types .item .actions.one, .volunter_seeking_section .organisation_types .types .item .actions.one, .social_internship .organisation_types .types .item .actions.one, .president_doundation .organisation_types .types .item .actions.one {
    order: 3;
    width: 100%;
    flex-direction: row;
    align-items: center;
  }
}
.organisations_group .organisation_types .types .item .actions .stars, .support_team .organisation_types .types .item .actions .stars, .gubernator_grant .organisation_types .types .item .actions .stars, .sources_center .organisation_types .types .item .actions .stars, .main_source_center .organisation_types .types .item .actions .stars, .educational_programs .organisation_types .types .item .actions .stars, .seminar_section .organisation_types .types .item .actions .stars, .consultaion_section .organisation_types .types .item .actions .stars,
.legal_advice .organisation_types .types .item .actions .stars, .volunter_section .organisation_types .types .item .actions .stars, .volunter_seeking_section .organisation_types .types .item .actions .stars, .social_internship .organisation_types .types .item .actions .stars, .president_doundation .organisation_types .types .item .actions .stars {
  display: flex;
  align-items: center;
  padding: 0px 4px;
  border-radius: 21px;
  border: 1px solid #C3C3C3;
  width: fit-content;
  gap: 0 10px;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types .item .actions .stars, .support_team .organisation_types .types .item .actions .stars, .gubernator_grant .organisation_types .types .item .actions .stars, .sources_center .organisation_types .types .item .actions .stars, .main_source_center .organisation_types .types .item .actions .stars, .educational_programs .organisation_types .types .item .actions .stars, .seminar_section .organisation_types .types .item .actions .stars, .consultaion_section .organisation_types .types .item .actions .stars,
  .legal_advice .organisation_types .types .item .actions .stars, .volunter_section .organisation_types .types .item .actions .stars, .volunter_seeking_section .organisation_types .types .item .actions .stars, .social_internship .organisation_types .types .item .actions .stars, .president_doundation .organisation_types .types .item .actions .stars {
    height: 100%;
    padding: 0 6px;
  }
}
.organisations_group .organisation_types .types .item .actions .stars span, .support_team .organisation_types .types .item .actions .stars span, .gubernator_grant .organisation_types .types .item .actions .stars span, .sources_center .organisation_types .types .item .actions .stars span, .main_source_center .organisation_types .types .item .actions .stars span, .educational_programs .organisation_types .types .item .actions .stars span, .seminar_section .organisation_types .types .item .actions .stars span, .consultaion_section .organisation_types .types .item .actions .stars span,
.legal_advice .organisation_types .types .item .actions .stars span, .volunter_section .organisation_types .types .item .actions .stars span, .volunter_seeking_section .organisation_types .types .item .actions .stars span, .social_internship .organisation_types .types .item .actions .stars span, .president_doundation .organisation_types .types .item .actions .stars span {
  font-size: 16px;
  margin-top: 2px;
  display: block;
}
.organisations_group .organisation_types .types .item .actions .stars img, .support_team .organisation_types .types .item .actions .stars img, .gubernator_grant .organisation_types .types .item .actions .stars img, .sources_center .organisation_types .types .item .actions .stars img, .main_source_center .organisation_types .types .item .actions .stars img, .educational_programs .organisation_types .types .item .actions .stars img, .seminar_section .organisation_types .types .item .actions .stars img, .consultaion_section .organisation_types .types .item .actions .stars img,
.legal_advice .organisation_types .types .item .actions .stars img, .volunter_section .organisation_types .types .item .actions .stars img, .volunter_seeking_section .organisation_types .types .item .actions .stars img, .social_internship .organisation_types .types .item .actions .stars img, .president_doundation .organisation_types .types .item .actions .stars img {
  width: 20px;
}
.organisations_group .organisation_types .types .more_organisations, .support_team .organisation_types .types .more_organisations, .gubernator_grant .organisation_types .types .more_organisations, .sources_center .organisation_types .types .more_organisations, .main_source_center .organisation_types .types .more_organisations, .educational_programs .organisation_types .types .more_organisations, .seminar_section .organisation_types .types .more_organisations, .consultaion_section .organisation_types .types .more_organisations,
.legal_advice .organisation_types .types .more_organisations, .volunter_section .organisation_types .types .more_organisations, .volunter_seeking_section .organisation_types .types .more_organisations, .social_internship .organisation_types .types .more_organisations, .president_doundation .organisation_types .types .more_organisations {
  width: fit-content;
  align-self: flex-end;
  padding: 21px 105px;
  font-size: 16px;
  font-weight: 500;
  margin-right: 95px;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .types .more_organisations, .support_team .organisation_types .types .more_organisations, .gubernator_grant .organisation_types .types .more_organisations, .sources_center .organisation_types .types .more_organisations, .main_source_center .organisation_types .types .more_organisations, .educational_programs .organisation_types .types .more_organisations, .seminar_section .organisation_types .types .more_organisations, .consultaion_section .organisation_types .types .more_organisations,
  .legal_advice .organisation_types .types .more_organisations, .volunter_section .organisation_types .types .more_organisations, .volunter_seeking_section .organisation_types .types .more_organisations, .social_internship .organisation_types .types .more_organisations, .president_doundation .organisation_types .types .more_organisations {
    padding: 11px 0;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}
.organisations_group .organisation_types .searching, .support_team .organisation_types .searching, .gubernator_grant .organisation_types .searching, .sources_center .organisation_types .searching, .main_source_center .organisation_types .searching, .educational_programs .organisation_types .searching, .seminar_section .organisation_types .searching, .consultaion_section .organisation_types .searching,
.legal_advice .organisation_types .searching, .volunter_section .organisation_types .searching, .volunter_seeking_section .organisation_types .searching, .social_internship .organisation_types .searching, .president_doundation .organisation_types .searching {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: sticky;
  top: 10px;
  right: 0;
}
@media (max-width: 1100px) {
  .organisations_group .organisation_types .searching, .support_team .organisation_types .searching, .gubernator_grant .organisation_types .searching, .sources_center .organisation_types .searching, .main_source_center .organisation_types .searching, .educational_programs .organisation_types .searching, .seminar_section .organisation_types .searching, .consultaion_section .organisation_types .searching,
  .legal_advice .organisation_types .searching, .volunter_section .organisation_types .searching, .volunter_seeking_section .organisation_types .searching, .social_internship .organisation_types .searching, .president_doundation .organisation_types .searching {
    width: 250px;
    flex: unset;
  }
}
@media (max-width: 768px) {
  .organisations_group .organisation_types .searching, .support_team .organisation_types .searching, .gubernator_grant .organisation_types .searching, .sources_center .organisation_types .searching, .main_source_center .organisation_types .searching, .educational_programs .organisation_types .searching, .seminar_section .organisation_types .searching, .consultaion_section .organisation_types .searching,
  .legal_advice .organisation_types .searching, .volunter_section .organisation_types .searching, .volunter_seeking_section .organisation_types .searching, .social_internship .organisation_types .searching, .president_doundation .organisation_types .searching {
    width: 100%;
    position: unset;
  }
}
.organisations_group .organisation_types .searching p, .support_team .organisation_types .searching p, .gubernator_grant .organisation_types .searching p, .sources_center .organisation_types .searching p, .main_source_center .organisation_types .searching p, .educational_programs .organisation_types .searching p, .seminar_section .organisation_types .searching p, .consultaion_section .organisation_types .searching p,
.legal_advice .organisation_types .searching p, .volunter_section .organisation_types .searching p, .volunter_seeking_section .organisation_types .searching p, .social_internship .organisation_types .searching p, .president_doundation .organisation_types .searching p {
  font-size: 16px;
}
.organisations_group .organisation_types .searching h3, .support_team .organisation_types .searching h3, .gubernator_grant .organisation_types .searching h3, .sources_center .organisation_types .searching h3, .main_source_center .organisation_types .searching h3, .educational_programs .organisation_types .searching h3, .seminar_section .organisation_types .searching h3, .consultaion_section .organisation_types .searching h3,
.legal_advice .organisation_types .searching h3, .volunter_section .organisation_types .searching h3, .volunter_seeking_section .organisation_types .searching h3, .social_internship .organisation_types .searching h3, .president_doundation .organisation_types .searching h3 {
  font-size: 24px;
  font-family: "daysone";
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .searching h3, .support_team .organisation_types .searching h3, .gubernator_grant .organisation_types .searching h3, .sources_center .organisation_types .searching h3, .main_source_center .organisation_types .searching h3, .educational_programs .organisation_types .searching h3, .seminar_section .organisation_types .searching h3, .consultaion_section .organisation_types .searching h3,
  .legal_advice .organisation_types .searching h3, .volunter_section .organisation_types .searching h3, .volunter_seeking_section .organisation_types .searching h3, .social_internship .organisation_types .searching h3, .president_doundation .organisation_types .searching h3 {
    margin-bottom: 20px;
  }
}
.organisations_group .organisation_types .searching div, .support_team .organisation_types .searching div, .gubernator_grant .organisation_types .searching div, .sources_center .organisation_types .searching div, .main_source_center .organisation_types .searching div, .educational_programs .organisation_types .searching div, .seminar_section .organisation_types .searching div, .consultaion_section .organisation_types .searching div,
.legal_advice .organisation_types .searching div, .volunter_section .organisation_types .searching div, .volunter_seeking_section .organisation_types .searching div, .social_internship .organisation_types .searching div, .president_doundation .organisation_types .searching div {
  margin-top: 20px;
  position: relative;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .searching div, .support_team .organisation_types .searching div, .gubernator_grant .organisation_types .searching div, .sources_center .organisation_types .searching div, .main_source_center .organisation_types .searching div, .educational_programs .organisation_types .searching div, .seminar_section .organisation_types .searching div, .consultaion_section .organisation_types .searching div,
  .legal_advice .organisation_types .searching div, .volunter_section .organisation_types .searching div, .volunter_seeking_section .organisation_types .searching div, .social_internship .organisation_types .searching div, .president_doundation .organisation_types .searching div {
    margin-top: 10px;
  }
}
.organisations_group .organisation_types .searching div.searching_box, .support_team .organisation_types .searching div.searching_box, .gubernator_grant .organisation_types .searching div.searching_box, .sources_center .organisation_types .searching div.searching_box, .main_source_center .organisation_types .searching div.searching_box, .educational_programs .organisation_types .searching div.searching_box, .seminar_section .organisation_types .searching div.searching_box, .consultaion_section .organisation_types .searching div.searching_box,
.legal_advice .organisation_types .searching div.searching_box, .volunter_section .organisation_types .searching div.searching_box, .volunter_seeking_section .organisation_types .searching div.searching_box, .social_internship .organisation_types .searching div.searching_box, .president_doundation .organisation_types .searching div.searching_box {
  margin-top: 0 !important;
}
.organisations_group .organisation_types .searching div h4, .support_team .organisation_types .searching div h4, .gubernator_grant .organisation_types .searching div h4, .sources_center .organisation_types .searching div h4, .main_source_center .organisation_types .searching div h4, .educational_programs .organisation_types .searching div h4, .seminar_section .organisation_types .searching div h4, .consultaion_section .organisation_types .searching div h4,
.legal_advice .organisation_types .searching div h4, .volunter_section .organisation_types .searching div h4, .volunter_seeking_section .organisation_types .searching div h4, .social_internship .organisation_types .searching div h4, .president_doundation .organisation_types .searching div h4 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}
.organisations_group .organisation_types .searching div .nice-select, .organisations_group .organisation_types .searching div input, .support_team .organisation_types .searching div .nice-select, .support_team .organisation_types .searching div input, .gubernator_grant .organisation_types .searching div .nice-select, .gubernator_grant .organisation_types .searching div input, .sources_center .organisation_types .searching div .nice-select, .sources_center .organisation_types .searching div input, .main_source_center .organisation_types .searching div .nice-select, .main_source_center .organisation_types .searching div input, .educational_programs .organisation_types .searching div .nice-select, .educational_programs .organisation_types .searching div input, .seminar_section .organisation_types .searching div .nice-select, .seminar_section .organisation_types .searching div input, .consultaion_section .organisation_types .searching div .nice-select, .consultaion_section .organisation_types .searching div input,
.legal_advice .organisation_types .searching div .nice-select,
.legal_advice .organisation_types .searching div input, .volunter_section .organisation_types .searching div .nice-select, .volunter_section .organisation_types .searching div input, .volunter_seeking_section .organisation_types .searching div .nice-select, .volunter_seeking_section .organisation_types .searching div input, .social_internship .organisation_types .searching div .nice-select, .social_internship .organisation_types .searching div input, .president_doundation .organisation_types .searching div .nice-select, .president_doundation .organisation_types .searching div input {
  margin-top: 10px;
  width: 100%;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  height: 40px;
  transition: 0.3s all ease;
  font-size: 14px;
}
.organisations_group .organisation_types .searching div .nice-select:hover, .organisations_group .organisation_types .searching div input:hover, .support_team .organisation_types .searching div .nice-select:hover, .support_team .organisation_types .searching div input:hover, .gubernator_grant .organisation_types .searching div .nice-select:hover, .gubernator_grant .organisation_types .searching div input:hover, .sources_center .organisation_types .searching div .nice-select:hover, .sources_center .organisation_types .searching div input:hover, .main_source_center .organisation_types .searching div .nice-select:hover, .main_source_center .organisation_types .searching div input:hover, .educational_programs .organisation_types .searching div .nice-select:hover, .educational_programs .organisation_types .searching div input:hover, .seminar_section .organisation_types .searching div .nice-select:hover, .seminar_section .organisation_types .searching div input:hover, .consultaion_section .organisation_types .searching div .nice-select:hover, .consultaion_section .organisation_types .searching div input:hover,
.legal_advice .organisation_types .searching div .nice-select:hover,
.legal_advice .organisation_types .searching div input:hover, .volunter_section .organisation_types .searching div .nice-select:hover, .volunter_section .organisation_types .searching div input:hover, .volunter_seeking_section .organisation_types .searching div .nice-select:hover, .volunter_seeking_section .organisation_types .searching div input:hover, .social_internship .organisation_types .searching div .nice-select:hover, .social_internship .organisation_types .searching div input:hover, .president_doundation .organisation_types .searching div .nice-select:hover, .president_doundation .organisation_types .searching div input:hover {
  border-color: #EFB662;
}
.organisations_group .organisation_types .searching div input, .support_team .organisation_types .searching div input, .gubernator_grant .organisation_types .searching div input, .sources_center .organisation_types .searching div input, .main_source_center .organisation_types .searching div input, .educational_programs .organisation_types .searching div input, .seminar_section .organisation_types .searching div input, .consultaion_section .organisation_types .searching div input,
.legal_advice .organisation_types .searching div input, .volunter_section .organisation_types .searching div input, .volunter_seeking_section .organisation_types .searching div input, .social_internship .organisation_types .searching div input, .president_doundation .organisation_types .searching div input {
  padding-left: 15px;
  margin-top: 0;
  font-size: 14px;
}
.organisations_group .organisation_types .searching div input:focus, .support_team .organisation_types .searching div input:focus, .gubernator_grant .organisation_types .searching div input:focus, .sources_center .organisation_types .searching div input:focus, .main_source_center .organisation_types .searching div input:focus, .educational_programs .organisation_types .searching div input:focus, .seminar_section .organisation_types .searching div input:focus, .consultaion_section .organisation_types .searching div input:focus,
.legal_advice .organisation_types .searching div input:focus, .volunter_section .organisation_types .searching div input:focus, .volunter_seeking_section .organisation_types .searching div input:focus, .social_internship .organisation_types .searching div input:focus, .president_doundation .organisation_types .searching div input:focus {
  outline: none;
}
.organisations_group .organisation_types .searching div img, .support_team .organisation_types .searching div img, .gubernator_grant .organisation_types .searching div img, .sources_center .organisation_types .searching div img, .main_source_center .organisation_types .searching div img, .educational_programs .organisation_types .searching div img, .seminar_section .organisation_types .searching div img, .consultaion_section .organisation_types .searching div img,
.legal_advice .organisation_types .searching div img, .volunter_section .organisation_types .searching div img, .volunter_seeking_section .organisation_types .searching div img, .social_internship .organisation_types .searching div img, .president_doundation .organisation_types .searching div img {
  position: absolute;
  right: 15px;
  top: 10px;
}
.organisations_group .organisation_types .searching button, .support_team .organisation_types .searching button, .gubernator_grant .organisation_types .searching button, .sources_center .organisation_types .searching button, .main_source_center .organisation_types .searching button, .educational_programs .organisation_types .searching button, .seminar_section .organisation_types .searching button, .consultaion_section .organisation_types .searching button,
.legal_advice .organisation_types .searching button, .volunter_section .organisation_types .searching button, .volunter_seeking_section .organisation_types .searching button, .social_internship .organisation_types .searching button, .president_doundation .organisation_types .searching button {
  margin-top: 20px;
  font-size: 16px;
}
@media (max-width: 576px) {
  .organisations_group .organisation_types .searching button, .support_team .organisation_types .searching button, .gubernator_grant .organisation_types .searching button, .sources_center .organisation_types .searching button, .main_source_center .organisation_types .searching button, .educational_programs .organisation_types .searching button, .seminar_section .organisation_types .searching button, .consultaion_section .organisation_types .searching button,
  .legal_advice .organisation_types .searching button, .volunter_section .organisation_types .searching button, .volunter_seeking_section .organisation_types .searching button, .social_internship .organisation_types .searching button, .president_doundation .organisation_types .searching button {
    margin-top: 10px;
  }
}
.organisations_group .right_deco, .support_team .right_deco, .gubernator_grant .right_deco, .sources_center .right_deco, .main_source_center .right_deco, .educational_programs .right_deco, .seminar_section .right_deco, .consultaion_section .right_deco,
.legal_advice .right_deco, .volunter_section .right_deco, .volunter_seeking_section .right_deco, .social_internship .right_deco, .president_doundation .right_deco {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 1024px) {
  .organisations_group .right_deco, .support_team .right_deco, .gubernator_grant .right_deco, .sources_center .right_deco, .main_source_center .right_deco, .educational_programs .right_deco, .seminar_section .right_deco, .consultaion_section .right_deco,
  .legal_advice .right_deco, .volunter_section .right_deco, .volunter_seeking_section .right_deco, .social_internship .right_deco, .president_doundation .right_deco {
    display: none;
  }
}
.organisations_group .left_deco, .support_team .left_deco, .gubernator_grant .left_deco, .sources_center .left_deco, .main_source_center .left_deco, .educational_programs .left_deco, .seminar_section .left_deco, .consultaion_section .left_deco,
.legal_advice .left_deco, .volunter_section .left_deco, .volunter_seeking_section .left_deco, .social_internship .left_deco, .president_doundation .left_deco {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: -1;
}
@media (max-width: 1024px) {
  .organisations_group .left_deco, .support_team .left_deco, .gubernator_grant .left_deco, .sources_center .left_deco, .main_source_center .left_deco, .educational_programs .left_deco, .seminar_section .left_deco, .consultaion_section .left_deco,
  .legal_advice .left_deco, .volunter_section .left_deco, .volunter_seeking_section .left_deco, .social_internship .left_deco, .president_doundation .left_deco {
    display: none;
  }
}

.organisation_orange_button {
  text-decoration: none;
  color: #fff;
  background-color: #EFB662;
  padding: 10px 20px;
  border-radius: 30px;
  background: #EFB662;
  font-size: 12px;
  font-weight: 500;
  transition: 0.3s all ease;
}
.organisation_orange_button:hover {
  border-radius: 30px;
  background: #F5C783;
  box-shadow: 0px 0px 7px 1px rgba(239, 182, 98, 0.5);
}
.organisation_orange_button.white {
  background-color: #fff;
  border-color: #EFB662;
  border: 1px solid #EFB662;
  color: #EFB662;
}
.organisation_orange_button.white:hover {
  color: #fff;
  background-color: #EFB662;
}

.team_awards .container, .support_team .container, .gubernator_grant .container, .president_foundation .container {
  position: relative;
  background: #fff;
}
.team_awards .container .up_button, .support_team .container .up_button, .gubernator_grant .container .up_button, .president_foundation .container .up_button {
  position: absolute;
  right: -130px;
  bottom: 0;
}
@media (max-width: 1350px) {
  .team_awards .container .up_button, .support_team .container .up_button, .gubernator_grant .container .up_button, .president_foundation .container .up_button {
    right: 0;
    bottom: -82px;
  }
}
@media (max-width: 1024px) {
  .team_awards .container .up_button, .support_team .container .up_button, .gubernator_grant .container .up_button, .president_foundation .container .up_button {
    display: none;
  }
}
.team_awards .title, .support_team .title, .gubernator_grant .title, .president_foundation .title {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  width: 70%;
  margin-top: 25px;
}
@media (max-width: 576px) {
  .team_awards .title, .support_team .title, .gubernator_grant .title, .president_foundation .title {
    width: 100%;
  }
}
.team_awards .title h2, .support_team .title h2, .gubernator_grant .title h2, .president_foundation .title h2 {
  font-size: 40px;
  font-weight: 400;
  font-family: "daysone";
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .team_awards .title h2, .support_team .title h2, .gubernator_grant .title h2, .president_foundation .title h2 {
    font-size: 32px;
    line-height: 93.5%;
    width: 100%;
  }
}
.team_awards .title p, .support_team .title p, .gubernator_grant .title p, .president_foundation .title p {
  font-size: 16px;
}
@media (max-width: 576px) {
  .team_awards .title p, .support_team .title p, .gubernator_grant .title p, .president_foundation .title p {
    width: 100%;
  }
}
.team_awards .about_award, .support_team .about_award, .gubernator_grant .about_award, .president_foundation .about_award {
  display: flex;
  gap: 0 30px;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .team_awards .about_award, .support_team .about_award, .gubernator_grant .about_award, .president_foundation .about_award {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .team_awards .about_award, .support_team .about_award, .gubernator_grant .about_award, .president_foundation .about_award {
    margin-top: 30px;
    gap: 10px;
  }
}
.team_awards .about_award .content, .support_team .about_award .content, .gubernator_grant .about_award .content, .president_foundation .about_award .content {
  display: flex;
  flex-direction: column;
  gap: 80px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  padding: 35px 30px 30px 30px;
  width: calc(65% - 15px);
}
@media (max-width: 768px) {
  .team_awards .about_award .content, .support_team .about_award .content, .gubernator_grant .about_award .content, .president_foundation .about_award .content {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .team_awards .about_award .content, .support_team .about_award .content, .gubernator_grant .about_award .content, .president_foundation .about_award .content {
    padding: 20px 15px 15px 15px;
    gap: 30px;
  }
}
@media (max-width: 576px) {
  .team_awards .about_award .content h3, .support_team .about_award .content h3, .gubernator_grant .about_award .content h3, .president_foundation .about_award .content h3 {
    font-size: 24px;
    line-height: 93.5%;
  }
}
.team_awards .about_award .image, .support_team .about_award .image, .gubernator_grant .about_award .image, .president_foundation .about_award .image {
  width: calc(35% - 15px);
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .team_awards .about_award .image, .support_team .about_award .image, .gubernator_grant .about_award .image, .president_foundation .about_award .image {
    width: 100%;
    height: 250px;
  }
}
.team_awards .about_award .image img, .support_team .about_award .image img, .gubernator_grant .about_award .image img, .president_foundation .about_award .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team_awards .nominations_category, .support_team .nominations_category, .gubernator_grant .nominations_category, .president_foundation .nominations_category {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  margin-top: 50px;
}
.team_awards .nominations_category h3, .support_team .nominations_category h3, .gubernator_grant .nominations_category h3, .president_foundation .nominations_category h3 {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .team_awards .nominations_category h3, .support_team .nominations_category h3, .gubernator_grant .nominations_category h3, .president_foundation .nominations_category h3 {
    font-size: 24px;
  }
}
.team_awards .nominations_category .categories, .support_team .nominations_category .categories, .gubernator_grant .nominations_category .categories, .president_foundation .nominations_category .categories {
  display: flex;
  gap: 20px;
}
@media (max-width: 1024px) {
  .team_awards .nominations_category .categories, .support_team .nominations_category .categories, .gubernator_grant .nominations_category .categories, .president_foundation .nominations_category .categories {
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .team_awards .nominations_category .categories, .support_team .nominations_category .categories, .gubernator_grant .nominations_category .categories, .president_foundation .nominations_category .categories {
    gap: 10px;
  }
}
.team_awards .nominations_category .main, .support_team .nominations_category .main, .gubernator_grant .nominations_category .main, .president_foundation .nominations_category .main {
  width: calc(40% - 10px);
}
@media (max-width: 1024px) {
  .team_awards .nominations_category .main, .support_team .nominations_category .main, .gubernator_grant .nominations_category .main, .president_foundation .nominations_category .main {
    width: 100%;
  }
}
.team_awards .nominations_category .main .item, .support_team .nominations_category .main .item, .gubernator_grant .nominations_category .main .item, .president_foundation .nominations_category .main .item {
  width: 100%;
  border-radius: 20px;
  background: #EFB662;
  padding: 35px 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 160px;
}
@media (max-width: 576px) {
  .team_awards .nominations_category .main .item, .support_team .nominations_category .main .item, .gubernator_grant .nominations_category .main .item, .president_foundation .nominations_category .main .item {
    padding: 20px 15px 15px 15px;
    gap: 150px;
  }
}
.team_awards .nominations_category .main .item img, .support_team .nominations_category .main .item img, .gubernator_grant .nominations_category .main .item img, .president_foundation .nominations_category .main .item img {
  width: fit-content;
}
.team_awards .nominations_category .main .item h3, .support_team .nominations_category .main .item h3, .gubernator_grant .nominations_category .main .item h3, .president_foundation .nominations_category .main .item h3 {
  color: #fff;
}
.team_awards .nominations_category .secodary, .support_team .nominations_category .secodary, .gubernator_grant .nominations_category .secodary, .president_foundation .nominations_category .secodary {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc(30% - 10px);
}
@media (max-width: 1024px) {
  .team_awards .nominations_category .secodary, .support_team .nominations_category .secodary, .gubernator_grant .nominations_category .secodary, .president_foundation .nominations_category .secodary {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .team_awards .nominations_category .secodary, .support_team .nominations_category .secodary, .gubernator_grant .nominations_category .secodary, .president_foundation .nominations_category .secodary {
    gap: 10px;
  }
}
.team_awards .nominations_category .secodary .item, .support_team .nominations_category .secodary .item, .gubernator_grant .nominations_category .secodary .item, .president_foundation .nominations_category .secodary .item {
  border-radius: 20px;
  padding: 35px 30px 30px;
  display: flex;
  flex-direction: column;
}
.team_awards .nominations_category .secodary .item img, .support_team .nominations_category .secodary .item img, .gubernator_grant .nominations_category .secodary .item img, .president_foundation .nominations_category .secodary .item img {
  width: fit-content;
}
.team_awards .nominations_category .secodary .item:first-child, .support_team .nominations_category .secodary .item:first-child, .gubernator_grant .nominations_category .secodary .item:first-child, .president_foundation .nominations_category .secodary .item:first-child {
  background-color: #4093A5;
  height: calc(55% - 10px);
  justify-content: space-between;
}
@media (max-width: 576px) {
  .team_awards .nominations_category .secodary .item:first-child, .support_team .nominations_category .secodary .item:first-child, .gubernator_grant .nominations_category .secodary .item:first-child, .president_foundation .nominations_category .secodary .item:first-child {
    height: calc(55% - 5px);
  }
}
.team_awards .nominations_category .secodary .item:first-child h3, .support_team .nominations_category .secodary .item:first-child h3, .gubernator_grant .nominations_category .secodary .item:first-child h3, .president_foundation .nominations_category .secodary .item:first-child h3 {
  color: #fff;
}
.team_awards .nominations_category .secodary .item:last-child, .support_team .nominations_category .secodary .item:last-child, .gubernator_grant .nominations_category .secodary .item:last-child, .president_foundation .nominations_category .secodary .item:last-child {
  background-color: #F68624;
  height: calc(45% - 10px);
  justify-content: space-between;
}
@media (max-width: 576px) {
  .team_awards .nominations_category .secodary .item:last-child, .support_team .nominations_category .secodary .item:last-child, .gubernator_grant .nominations_category .secodary .item:last-child, .president_foundation .nominations_category .secodary .item:last-child {
    height: calc(45% - 5px);
  }
}
.team_awards .nominations_category .secodary .item:last-child h4, .support_team .nominations_category .secodary .item:last-child h4, .gubernator_grant .nominations_category .secodary .item:last-child h4, .president_foundation .nominations_category .secodary .item:last-child h4 {
  font-size: 24px;
  color: white;
  font-family: "daysone";
}
.team_awards .nominations_category .last, .support_team .nominations_category .last, .gubernator_grant .nominations_category .last, .president_foundation .nominations_category .last {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc(30% - 10px);
}
@media (max-width: 1024px) {
  .team_awards .nominations_category .last, .support_team .nominations_category .last, .gubernator_grant .nominations_category .last, .president_foundation .nominations_category .last {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .team_awards .nominations_category .last, .support_team .nominations_category .last, .gubernator_grant .nominations_category .last, .president_foundation .nominations_category .last {
    gap: 10px;
  }
}
.team_awards .nominations_category .last .item, .support_team .nominations_category .last .item, .gubernator_grant .nominations_category .last .item, .president_foundation .nominations_category .last .item {
  border-radius: 20px;
  padding: 35px 30px 30px;
  display: flex;
  flex-direction: column;
}
.team_awards .nominations_category .last .item img, .support_team .nominations_category .last .item img, .gubernator_grant .nominations_category .last .item img, .president_foundation .nominations_category .last .item img {
  width: fit-content;
}
.team_awards .nominations_category .last .item:first-child, .support_team .nominations_category .last .item:first-child, .gubernator_grant .nominations_category .last .item:first-child, .president_foundation .nominations_category .last .item:first-child {
  height: calc(35% - 10px);
  background-color: #75AA37;
  justify-content: space-between;
}
.team_awards .nominations_category .last .item:first-child h5, .support_team .nominations_category .last .item:first-child h5, .gubernator_grant .nominations_category .last .item:first-child h5, .president_foundation .nominations_category .last .item:first-child h5 {
  font-family: "daysone";
  font-weight: 400;
  font-size: 20px;
  color: #fff;
}
.team_awards .nominations_category .last .item:last-child, .support_team .nominations_category .last .item:last-child, .gubernator_grant .nominations_category .last .item:last-child, .president_foundation .nominations_category .last .item:last-child {
  height: calc(65% - 10px);
  background-color: #DD7864;
  justify-content: space-between;
}
.team_awards .nominations_category .last .item:last-child h4, .support_team .nominations_category .last .item:last-child h4, .gubernator_grant .nominations_category .last .item:last-child h4, .president_foundation .nominations_category .last .item:last-child h4 {
  color: #fff;
  font-family: "daysone";
  font-weight: 400;
  font-size: 24px;
}
.team_awards .sending_request, .support_team .sending_request, .gubernator_grant .sending_request, .president_foundation .sending_request {
  margin-top: 50px;
}
.team_awards .sending_request h3, .support_team .sending_request h3, .gubernator_grant .sending_request h3, .president_foundation .sending_request h3 {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .team_awards .sending_request h3, .support_team .sending_request h3, .gubernator_grant .sending_request h3, .president_foundation .sending_request h3 {
    font-size: 24px;
    line-height: 93.5%;
  }
}
.team_awards .sending_request form, .support_team .sending_request form, .gubernator_grant .sending_request form, .president_foundation .sending_request form {
  display: flex;
  margin-top: 30px;
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #B26500;
  background: #FFF;
  gap: 0 45px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .team_awards .sending_request form, .support_team .sending_request form, .gubernator_grant .sending_request form, .president_foundation .sending_request form {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .team_awards .sending_request form, .support_team .sending_request form, .gubernator_grant .sending_request form, .president_foundation .sending_request form {
    padding: 20px 15px 15px 15px;
  }
}
.team_awards .sending_request form .left_side_form, .team_awards .sending_request form .right_side_form, .support_team .sending_request form .left_side_form, .support_team .sending_request form .right_side_form, .gubernator_grant .sending_request form .left_side_form, .gubernator_grant .sending_request form .right_side_form, .president_foundation .sending_request form .left_side_form, .president_foundation .sending_request form .right_side_form {
  width: calc(50% - 45px);
}
@media (max-width: 768px) {
  .team_awards .sending_request form .left_side_form, .team_awards .sending_request form .right_side_form, .support_team .sending_request form .left_side_form, .support_team .sending_request form .right_side_form, .gubernator_grant .sending_request form .left_side_form, .gubernator_grant .sending_request form .right_side_form, .president_foundation .sending_request form .left_side_form, .president_foundation .sending_request form .right_side_form {
    width: 100%;
  }
}
.team_awards .sending_request form .left_side_form input, .support_team .sending_request form .left_side_form input, .gubernator_grant .sending_request form .left_side_form input, .president_foundation .sending_request form .left_side_form input {
  width: 100%;
  padding: 11px 15px 10px 15px;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  margin-bottom: 15px;
}
.team_awards .sending_request form .left_side_form input::placeholder, .support_team .sending_request form .left_side_form input::placeholder, .gubernator_grant .sending_request form .left_side_form input::placeholder, .president_foundation .sending_request form .left_side_form input::placeholder {
  font-size: 16px;
  color: #9E9E9E;
}
.team_awards .sending_request form .left_side_form input:focus, .support_team .sending_request form .left_side_form input:focus, .gubernator_grant .sending_request form .left_side_form input:focus, .president_foundation .sending_request form .left_side_form input:focus {
  outline: none;
  border-color: #F68624;
}
.team_awards .sending_request form .left_side_form input:hover, .support_team .sending_request form .left_side_form input:hover, .gubernator_grant .sending_request form .left_side_form input:hover, .president_foundation .sending_request form .left_side_form input:hover {
  border-color: #F68624;
}
.team_awards .sending_request form .left_side_form .email, .support_team .sending_request form .left_side_form .email, .gubernator_grant .sending_request form .left_side_form .email, .president_foundation .sending_request form .left_side_form .email {
  position: relative;
  transition: 0.3s all ease;
}
.team_awards .sending_request form .left_side_form .email:hover input, .support_team .sending_request form .left_side_form .email:hover input, .gubernator_grant .sending_request form .left_side_form .email:hover input, .president_foundation .sending_request form .left_side_form .email:hover input {
  border-color: #F68624;
}
.team_awards .sending_request form .left_side_form .email:hover svg path, .support_team .sending_request form .left_side_form .email:hover svg path, .gubernator_grant .sending_request form .left_side_form .email:hover svg path, .president_foundation .sending_request form .left_side_form .email:hover svg path {
  fill: #F68624;
}
.team_awards .sending_request form .left_side_form .email svg, .support_team .sending_request form .left_side_form .email svg, .gubernator_grant .sending_request form .left_side_form .email svg, .president_foundation .sending_request form .left_side_form .email svg {
  position: absolute;
  top: 10px;
  right: 15px;
}
.team_awards .sending_request form .left_side_form .email svg path, .support_team .sending_request form .left_side_form .email svg path, .gubernator_grant .sending_request form .left_side_form .email svg path, .president_foundation .sending_request form .left_side_form .email svg path {
  transition: 0.3s all ease;
}
.team_awards .sending_request form .left_side_form .phone-input-container, .support_team .sending_request form .left_side_form .phone-input-container, .gubernator_grant .sending_request form .left_side_form .phone-input-container, .president_foundation .sending_request form .left_side_form .phone-input-container {
  position: relative;
  margin-bottom: 30px;
}
.team_awards .sending_request form .left_side_form .phone-input-container:hover svg path, .support_team .sending_request form .left_side_form .phone-input-container:hover svg path, .gubernator_grant .sending_request form .left_side_form .phone-input-container:hover svg path, .president_foundation .sending_request form .left_side_form .phone-input-container:hover svg path {
  fill: #F68624;
}
.team_awards .sending_request form .left_side_form .phone-input-container .iti, .support_team .sending_request form .left_side_form .phone-input-container .iti, .gubernator_grant .sending_request form .left_side_form .phone-input-container .iti, .president_foundation .sending_request form .left_side_form .phone-input-container .iti {
  width: 100%;
  font-size: 16px;
}
.team_awards .sending_request form .left_side_form .phone-input-container svg, .support_team .sending_request form .left_side_form .phone-input-container svg, .gubernator_grant .sending_request form .left_side_form .phone-input-container svg, .president_foundation .sending_request form .left_side_form .phone-input-container svg {
  position: absolute;
  top: 12px;
  right: 15px;
}
.team_awards .sending_request form .left_side_form .phone-input-container svg path, .support_team .sending_request form .left_side_form .phone-input-container svg path, .gubernator_grant .sending_request form .left_side_form .phone-input-container svg path, .president_foundation .sending_request form .left_side_form .phone-input-container svg path {
  transition: 0.3s all ease;
}
.team_awards .sending_request form .left_side_form .phone-input-container .iti__selected-flag, .support_team .sending_request form .left_side_form .phone-input-container .iti__selected-flag, .gubernator_grant .sending_request form .left_side_form .phone-input-container .iti__selected-flag, .president_foundation .sending_request form .left_side_form .phone-input-container .iti__selected-flag {
  border-radius: 20px 0 0 20px;
}
.team_awards .sending_request form .left_side_form .phone-input-container .iti__selected-dial-code, .support_team .sending_request form .left_side_form .phone-input-container .iti__selected-dial-code, .gubernator_grant .sending_request form .left_side_form .phone-input-container .iti__selected-dial-code, .president_foundation .sending_request form .left_side_form .phone-input-container .iti__selected-dial-code {
  display: none;
}
.team_awards .sending_request form .left_side_form .project_name, .team_awards .sending_request form .left_side_form .about_project, .team_awards .sending_request form .left_side_form .project_purpose, .support_team .sending_request form .left_side_form .project_name, .support_team .sending_request form .left_side_form .about_project, .support_team .sending_request form .left_side_form .project_purpose, .gubernator_grant .sending_request form .left_side_form .project_name, .gubernator_grant .sending_request form .left_side_form .about_project, .gubernator_grant .sending_request form .left_side_form .project_purpose, .president_foundation .sending_request form .left_side_form .project_name, .president_foundation .sending_request form .left_side_form .about_project, .president_foundation .sending_request form .left_side_form .project_purpose {
  position: relative;
  margin-bottom: 15px;
}
.team_awards .sending_request form .left_side_form .project_name span, .team_awards .sending_request form .left_side_form .about_project span, .team_awards .sending_request form .left_side_form .project_purpose span, .support_team .sending_request form .left_side_form .project_name span, .support_team .sending_request form .left_side_form .about_project span, .support_team .sending_request form .left_side_form .project_purpose span, .gubernator_grant .sending_request form .left_side_form .project_name span, .gubernator_grant .sending_request form .left_side_form .about_project span, .gubernator_grant .sending_request form .left_side_form .project_purpose span, .president_foundation .sending_request form .left_side_form .project_name span, .president_foundation .sending_request form .left_side_form .about_project span, .president_foundation .sending_request form .left_side_form .project_purpose span {
  position: absolute;
  top: -10px;
  left: 15px;
  color: #9E9E9E;
  padding: 0 5px;
  background-color: #fff;
  font-size: 12px;
}
.team_awards .sending_request form .left_side_form .project_name textarea, .team_awards .sending_request form .left_side_form .about_project textarea, .team_awards .sending_request form .left_side_form .project_purpose textarea, .support_team .sending_request form .left_side_form .project_name textarea, .support_team .sending_request form .left_side_form .about_project textarea, .support_team .sending_request form .left_side_form .project_purpose textarea, .gubernator_grant .sending_request form .left_side_form .project_name textarea, .gubernator_grant .sending_request form .left_side_form .about_project textarea, .gubernator_grant .sending_request form .left_side_form .project_purpose textarea, .president_foundation .sending_request form .left_side_form .project_name textarea, .president_foundation .sending_request form .left_side_form .about_project textarea, .president_foundation .sending_request form .left_side_form .project_purpose textarea {
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  font-size: 14px;
  padding: 10px 15px;
  width: 100%;
}
.team_awards .sending_request form .right_side_form label, .support_team .sending_request form .right_side_form label, .gubernator_grant .sending_request form .right_side_form label, .president_foundation .sending_request form .right_side_form label {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  margin-bottom: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.team_awards .sending_request form .right_side_form label:hover .file_name, .support_team .sending_request form .right_side_form label:hover .file_name, .gubernator_grant .sending_request form .right_side_form label:hover .file_name, .president_foundation .sending_request form .right_side_form label:hover .file_name {
  border-color: #F68624;
}
.team_awards .sending_request form .right_side_form label:hover svg path, .support_team .sending_request form .right_side_form label:hover svg path, .gubernator_grant .sending_request form .right_side_form label:hover svg path, .president_foundation .sending_request form .right_side_form label:hover svg path {
  fill: #F68624;
}
.team_awards .sending_request form .right_side_form label input, .support_team .sending_request form .right_side_form label input, .gubernator_grant .sending_request form .right_side_form label input, .president_foundation .sending_request form .right_side_form label input {
  display: none;
}
.team_awards .sending_request form .right_side_form label .file_name, .support_team .sending_request form .right_side_form label .file_name, .gubernator_grant .sending_request form .right_side_form label .file_name, .president_foundation .sending_request form .right_side_form label .file_name {
  width: 100%;
  padding: 11px 15px 13px 15px;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  color: #EFB662;
  font-size: 14px;
  font-weight: 500;
  transition: 0.3s all ease;
}
.team_awards .sending_request form .right_side_form label svg, .support_team .sending_request form .right_side_form label svg, .gubernator_grant .sending_request form .right_side_form label svg, .president_foundation .sending_request form .right_side_form label svg {
  position: absolute;
  top: 54px;
  right: 15px;
}
.team_awards .sending_request form .right_side_form label svg path, .support_team .sending_request form .right_side_form label svg path, .gubernator_grant .sending_request form .right_side_form label svg path, .president_foundation .sending_request form .right_side_form label svg path {
  transition: 0.3s all ease;
}
.team_awards .sending_request form .right_side_form .cntr, .support_team .sending_request form .right_side_form .cntr, .gubernator_grant .sending_request form .right_side_form .cntr, .president_foundation .sending_request form .right_side_form .cntr {
  display: flex;
  align-items: center;
}
.team_awards .sending_request form .right_side_form .cntr .cbx, .support_team .sending_request form .right_side_form .cntr .cbx, .gubernator_grant .sending_request form .right_side_form .cntr .cbx, .president_foundation .sending_request form .right_side_form .cntr .cbx {
  margin-bottom: 0;
}
.team_awards .sending_request form .right_side_form .cntr #cbx:checked ~ .cbx, .support_team .sending_request form .right_side_form .cntr #cbx:checked ~ .cbx, .gubernator_grant .sending_request form .right_side_form .cntr #cbx:checked ~ .cbx, .president_foundation .sending_request form .right_side_form .cntr #cbx:checked ~ .cbx {
  background: #EFB662;
}
.team_awards .sending_request form .right_side_form .cntr p, .support_team .sending_request form .right_side_form .cntr p, .gubernator_grant .sending_request form .right_side_form .cntr p, .president_foundation .sending_request form .right_side_form .cntr p {
  font-size: 12px;
}
.team_awards .sending_request form .right_side_form .cntr p a, .support_team .sending_request form .right_side_form .cntr p a, .gubernator_grant .sending_request form .right_side_form .cntr p a, .president_foundation .sending_request form .right_side_form .cntr p a {
  color: #EFB662;
}
.team_awards .sending_request form .right_side_form button, .support_team .sending_request form .right_side_form button, .gubernator_grant .sending_request form .right_side_form button, .president_foundation .sending_request form .right_side_form button {
  width: 100%;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 400;
  padding: 21px 0;
  border-radius: 50px;
  background: #EFB662;
  border: none;
  color: #fff;
  transition: 0.3s all ease;
}
@media (max-width: 576px) {
  .team_awards .sending_request form .right_side_form button, .support_team .sending_request form .right_side_form button, .gubernator_grant .sending_request form .right_side_form button, .president_foundation .sending_request form .right_side_form button {
    padding: 11px 0;
    width: 100%;
  }
}
.team_awards .sending_request form .right_side_form button:hover, .support_team .sending_request form .right_side_form button:hover, .gubernator_grant .sending_request form .right_side_form button:hover, .president_foundation .sending_request form .right_side_form button:hover {
  background: #F5C783;
  box-shadow: 0px 0px 7px 1px rgba(239, 182, 98, 0.5);
}
.team_awards .sending_request form h5, .support_team .sending_request form h5, .gubernator_grant .sending_request form h5, .president_foundation .sending_request form h5 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.team_awards .party_calendar, .support_team .party_calendar, .gubernator_grant .party_calendar, .president_foundation .party_calendar {
  margin-top: 50px;
}
.team_awards .party_calendar h3, .support_team .party_calendar h3, .gubernator_grant .party_calendar h3, .president_foundation .party_calendar h3 {
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .team_awards .party_calendar h3, .support_team .party_calendar h3, .gubernator_grant .party_calendar h3, .president_foundation .party_calendar h3 {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 93.5%;
  }
}
.team_awards .party_calendar .swiper, .support_team .party_calendar .swiper, .gubernator_grant .party_calendar .swiper, .president_foundation .party_calendar .swiper {
  display: flex;
}
.team_awards .party_calendar .swiper .swiper-slide, .support_team .party_calendar .swiper .swiper-slide, .gubernator_grant .party_calendar .swiper .swiper-slide, .president_foundation .party_calendar .swiper .swiper-slide {
  padding: 35px 30px 35px 30px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  height: unset;
}
.team_awards .party_calendar .swiper .swiper-slide:first-child, .support_team .party_calendar .swiper .swiper-slide:first-child, .gubernator_grant .party_calendar .swiper .swiper-slide:first-child, .president_foundation .party_calendar .swiper .swiper-slide:first-child {
  border: 1px solid #0E43E4;
  background: #0E43E4;
  background-image: url(../images/date1-bg.png);
  background-size: cover;
}
.team_awards .party_calendar .swiper .swiper-slide:nth-child(2), .support_team .party_calendar .swiper .swiper-slide:nth-child(2), .gubernator_grant .party_calendar .swiper .swiper-slide:nth-child(2), .president_foundation .party_calendar .swiper .swiper-slide:nth-child(2) {
  border: 1px solid #FD624C;
  background: #FD624C;
  background-image: url(../images/date2-bg.png);
  background-size: cover;
}
.team_awards .party_calendar .swiper .swiper-slide:last-child, .support_team .party_calendar .swiper .swiper-slide:last-child, .gubernator_grant .party_calendar .swiper .swiper-slide:last-child, .president_foundation .party_calendar .swiper .swiper-slide:last-child {
  background: #EFB662;
  border: 1px solid #EFB662;
  background-image: url(../images/date3-bg.png);
  background-size: cover;
}
.team_awards .party_calendar .swiper .swiper-slide img, .support_team .party_calendar .swiper .swiper-slide img, .gubernator_grant .party_calendar .swiper .swiper-slide img, .president_foundation .party_calendar .swiper .swiper-slide img {
  width: fit-content;
  margin-bottom: 30px;
}
.team_awards .party_calendar .swiper .swiper-slide p, .support_team .party_calendar .swiper .swiper-slide p, .gubernator_grant .party_calendar .swiper .swiper-slide p, .president_foundation .party_calendar .swiper .swiper-slide p {
  font-size: 16px;
  color: #fff;
  font-family: "daysone";
  line-height: 93.515%;
}
.team_awards .party_calendar .swiper .swiper-slide h2, .support_team .party_calendar .swiper .swiper-slide h2, .gubernator_grant .party_calendar .swiper .swiper-slide h2, .president_foundation .party_calendar .swiper .swiper-slide h2 {
  color: #fff;
  font-family: "daysone";
  font-size: 48px;
  line-height: 93.515%;
}
.team_awards .previous_chempions, .support_team .previous_chempions, .gubernator_grant .previous_chempions, .president_foundation .previous_chempions {
  margin-top: 50px;
  position: relative;
}
.team_awards .previous_chempions h3, .support_team .previous_chempions h3, .gubernator_grant .previous_chempions h3, .president_foundation .previous_chempions h3 {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .team_awards .previous_chempions h3, .support_team .previous_chempions h3, .gubernator_grant .previous_chempions h3, .president_foundation .previous_chempions h3 {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 93.5%;
  }
}
.team_awards .previous_chempions .swiper, .support_team .previous_chempions .swiper, .gubernator_grant .previous_chempions .swiper, .president_foundation .previous_chempions .swiper {
  margin-top: 30px;
}
@media (max-width: 576px) {
  .team_awards .previous_chempions .swiper, .support_team .previous_chempions .swiper, .gubernator_grant .previous_chempions .swiper, .president_foundation .previous_chempions .swiper {
    margin-top: 0;
  }
}
.team_awards .previous_chempions .swiper .swiper-slide, .support_team .previous_chempions .swiper .swiper-slide, .gubernator_grant .previous_chempions .swiper .swiper-slide, .president_foundation .previous_chempions .swiper .swiper-slide {
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #C3C3C3;
}
.team_awards .previous_chempions .swiper .swiper-slide .image, .support_team .previous_chempions .swiper .swiper-slide .image, .gubernator_grant .previous_chempions .swiper .swiper-slide .image, .president_foundation .previous_chempions .swiper .swiper-slide .image {
  width: 100%;
  height: 188px;
}
.team_awards .previous_chempions .swiper .swiper-slide .image img, .support_team .previous_chempions .swiper .swiper-slide .image img, .gubernator_grant .previous_chempions .swiper .swiper-slide .image img, .president_foundation .previous_chempions .swiper .swiper-slide .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team_awards .previous_chempions .swiper .swiper-slide h4, .support_team .previous_chempions .swiper .swiper-slide h4, .gubernator_grant .previous_chempions .swiper .swiper-slide h4, .president_foundation .previous_chempions .swiper .swiper-slide h4 {
  font-family: "daysone";
  font-size: 20px;
  line-height: 93.515%;
  font-weight: 400;
  margin-top: 15px;
}
.team_awards .previous_chempions .swiper .swiper-slide p, .support_team .previous_chempions .swiper .swiper-slide p, .gubernator_grant .previous_chempions .swiper .swiper-slide p, .president_foundation .previous_chempions .swiper .swiper-slide p {
  font-size: 16px;
  line-height: 93.515%;
  margin-bottom: 15px;
}
.team_awards .previous_chempions .swiper .swiper-slide a, .support_team .previous_chempions .swiper .swiper-slide a, .gubernator_grant .previous_chempions .swiper .swiper-slide a, .president_foundation .previous_chempions .swiper .swiper-slide a {
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  display: block;
  width: fit-content;
}
.team_awards .previous_chempions .swiper-pagination, .support_team .previous_chempions .swiper-pagination, .gubernator_grant .previous_chempions .swiper-pagination, .president_foundation .previous_chempions .swiper-pagination {
  position: unset;
  margin-top: 30px;
  height: 15px;
}
.team_awards .previous_chempions .swiper-pagination-bullet, .support_team .previous_chempions .swiper-pagination-bullet, .gubernator_grant .previous_chempions .swiper-pagination-bullet, .president_foundation .previous_chempions .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  transition: 0.3s all ease;
}
.team_awards .previous_chempions .swiper-pagination-bullet-active, .support_team .previous_chempions .swiper-pagination-bullet-active, .gubernator_grant .previous_chempions .swiper-pagination-bullet-active, .president_foundation .previous_chempions .swiper-pagination-bullet-active {
  width: 15px;
  height: 15px;
  background: #717171;
}
.team_awards .previous_chempions .swiper-button-next::after, .support_team .previous_chempions .swiper-button-next::after, .gubernator_grant .previous_chempions .swiper-button-next::after, .president_foundation .previous_chempions .swiper-button-next::after {
  display: none;
}
.team_awards .previous_chempions .swiper-button-prev::after, .support_team .previous_chempions .swiper-button-prev::after, .gubernator_grant .previous_chempions .swiper-button-prev::after, .president_foundation .previous_chempions .swiper-button-prev::after {
  display: none;
}
.team_awards .previous_chempions .swiper-button-next, .support_team .previous_chempions .swiper-button-next, .gubernator_grant .previous_chempions .swiper-button-next, .president_foundation .previous_chempions .swiper-button-next {
  margin-right: -65px;
  width: 50px;
  height: 50px;
}
@media (max-width: 1220px) {
  .team_awards .previous_chempions .swiper-button-next, .support_team .previous_chempions .swiper-button-next, .gubernator_grant .previous_chempions .swiper-button-next, .president_foundation .previous_chempions .swiper-button-next {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .team_awards .previous_chempions .swiper-button-next, .support_team .previous_chempions .swiper-button-next, .gubernator_grant .previous_chempions .swiper-button-next, .president_foundation .previous_chempions .swiper-button-next {
    display: none;
  }
}
.team_awards .previous_chempions .swiper-button-prev, .support_team .previous_chempions .swiper-button-prev, .gubernator_grant .previous_chempions .swiper-button-prev, .president_foundation .previous_chempions .swiper-button-prev {
  left: -55px;
  width: 50px;
  height: 50px;
}
@media (max-width: 1220px) {
  .team_awards .previous_chempions .swiper-button-prev, .support_team .previous_chempions .swiper-button-prev, .gubernator_grant .previous_chempions .swiper-button-prev, .president_foundation .previous_chempions .swiper-button-prev {
    left: 0;
  }
}
@media (max-width: 768px) {
  .team_awards .previous_chempions .swiper-button-prev, .support_team .previous_chempions .swiper-button-prev, .gubernator_grant .previous_chempions .swiper-button-prev, .president_foundation .previous_chempions .swiper-button-prev {
    display: none;
  }
}
.team_awards .documents, .support_team .documents, .gubernator_grant .documents, .president_foundation .documents {
  margin-top: 50px;
  padding: 35px 30px 35px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
}
@media (max-width: 576px) {
  .team_awards .documents, .support_team .documents, .gubernator_grant .documents, .president_foundation .documents {
    padding: 20px 15px 15px 15px;
  }
}
.team_awards .documents h3, .support_team .documents h3, .gubernator_grant .documents h3, .president_foundation .documents h3 {
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .team_awards .documents h3, .support_team .documents h3, .gubernator_grant .documents h3, .president_foundation .documents h3 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 93.5%;
  }
}
.team_awards .documents .documents_container, .support_team .documents .documents_container, .gubernator_grant .documents .documents_container, .president_foundation .documents .documents_container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 90px;
}
.team_awards .documents .documents_container a, .support_team .documents .documents_container a, .gubernator_grant .documents .documents_container a, .president_foundation .documents .documents_container a {
  text-decoration: none;
  color: inherit;
  width: calc(50% - 45px);
  display: flex;
  gap: 0 5px;
  align-items: center;
  transition: 0.3s all ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1050px) {
  .team_awards .documents .documents_container a, .support_team .documents .documents_container a, .gubernator_grant .documents .documents_container a, .president_foundation .documents .documents_container a {
    width: 100%;
  }
}
.team_awards .documents .documents_container a:hover, .support_team .documents .documents_container a:hover, .gubernator_grant .documents .documents_container a:hover, .president_foundation .documents .documents_container a:hover {
  transform: translate(10px);
}
.team_awards h3, .support_team h3, .gubernator_grant h3, .president_foundation h3 {
  font-size: 32px;
  font-family: "daysone";
  font-weight: 400;
}
.team_awards p, .support_team p, .gubernator_grant p, .president_foundation p {
  font-size: 16px;
}

.support_team .container {
  position: relative;
}
@media (max-width: 576px) {
  .support_team .container h3 {
    font-size: 24px;
    line-height: 93.5%;
  }
}
.support_team .container .up_button {
  position: absolute;
  bottom: 0;
  right: -130px;
}
.support_team .active_questions h3 {
  margin-bottom: 32px;
  margin-top: 50px;
}
@media (max-width: 576px) {
  .support_team .active_questions h3 {
    margin-top: 20px;
  }
}
.support_team .active_questions form {
  display: flex;
  gap: 10px 30px;
  flex-wrap: wrap;
}
.support_team .active_questions form .nice-select {
  min-width: 160px;
  height: 34px;
  font-size: 12px;
}
@media (max-width: 576px) {
  .support_team .active_questions form .nice-select {
    width: calc(50% - 15px);
  }
}
.support_team .active_questions form a {
  background-color: transparent;
  border: 1px solid #EFB662;
  color: #EFB662;
  height: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 93.515%;
}
.support_team .active_questions form a:hover {
  background-color: #EFB662;
  color: #fff;
}
.support_team .active_questions .oganisations_container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
  margin-top: 50px;
}
@media (max-width: 576px) {
  .support_team .active_questions .oganisations_container {
    gap: 10px;
  }
}
.support_team .active_questions .oganisations_container .organisation {
  padding: 35px 30px 35px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  display: flex;
  flex-direction: column;
  width: calc(50% - 15px);
}
@media (max-width: 768px) {
  .support_team .active_questions .oganisations_container .organisation {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .support_team .active_questions .oganisations_container .organisation {
    padding: 20px 15px 15px 15px;
  }
}
.support_team .active_questions .oganisations_container .organisation:nth-child(2) .header .image {
  background-color: #EF6762;
}
.support_team .active_questions .oganisations_container .organisation:nth-child(3) .header .image {
  background-color: #E6EF62;
}
.support_team .active_questions .oganisations_container .organisation:nth-child(4) .header .image {
  background-color: #62EF72;
}
.support_team .active_questions .oganisations_container .organisation:nth-child(5) .header .image {
  background-color: #6285EF;
}
.support_team .active_questions .oganisations_container .organisation:nth-child(6) .header .image {
  background-color: #EF62B2;
}
.support_team .active_questions .oganisations_container .organisation .header {
  display: flex;
  gap: 0 15px;
  align-items: center;
  margin-bottom: 15px;
}
.support_team .active_questions .oganisations_container .organisation .header h5 {
  margin-bottom: 0;
  font-size: 20px;
  font-family: "daysone";
  font-weight: 400;
  line-height: 93.515%;
}
.support_team .active_questions .oganisations_container .organisation .header .image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #EFB662;
}
.support_team .active_questions .oganisations_container .organisation .body {
  font-size: 16px;
  line-height: 93.515%;
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .support_team .active_questions .oganisations_container .organisation .body {
    margin-bottom: 15px;
  }
}
.support_team .active_questions .oganisations_container .organisation .bottom {
  display: flex;
  justify-content: space-between;
}
.support_team .active_questions .oganisations_container .organisation .bottom .date {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
@media (max-width: 576px) {
  .support_team .active_questions .oganisations_container .organisation .bottom .date {
    gap: 2px;
  }
}
.support_team .active_questions .oganisations_container .organisation .bottom .date .calendar, .support_team .active_questions .oganisations_container .organisation .bottom .date .location {
  display: flex;
  gap: 0 10px;
  align-items: center;
}
.support_team .active_questions .oganisations_container .organisation .bottom .date .calendar img, .support_team .active_questions .oganisations_container .organisation .bottom .date .location img {
  width: fit-content;
}
.support_team .active_questions .oganisations_container .organisation .bottom .date .calendar p, .support_team .active_questions .oganisations_container .organisation .bottom .date .location p {
  font-size: 16px;
  margin-top: 2px;
}
.support_team .active_questions .oganisations_container .organisation .bottom a {
  height: fit-content;
  padding: 10px 31px;
  font-size: 12px;
  font-weight: 500;
}
.support_team .active_questions .view_all {
  display: block;
  width: fit-content;
  margin: 30px auto 0 auto;
  font-size: 16px;
  padding: 20px 90px;
  border-radius: 40px;
}
@media (max-width: 576px) {
  .support_team .active_questions .view_all {
    padding: 11px 0;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
.support_team .support_form {
  margin-top: 50px;
  padding: 35px 30px 35px 30px;
  border-radius: 20px;
  border: 1px solid #B26500;
  background: #FFF;
  max-width: 730px;
  margin: 50px auto 50px auto;
}
@media (max-width: 576px) {
  .support_team .support_form {
    padding: 20px 15px 15px 15px;
  }
}
.support_team .support_form h3 {
  margin-bottom: 15px;
}
.support_team .support_form p {
  font-size: 16px;
}
.support_team .support_form .data_inputs {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 30px;
  margin-top: 30px;
}
.support_team .support_form .data_inputs input {
  width: calc(50% - 15px);
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  font-size: 16px;
  padding: 10px 15px 11px 15px;
}
@media (max-width: 768px) {
  .support_team .support_form .data_inputs input {
    width: 100%;
  }
}
.support_team .support_form .data_inputs input:focus {
  outline: none;
  border-color: #EFB662;
}
.support_team .support_form .data_inputs input:hover {
  border-color: #EFB662;
}
.support_team .support_form .data_inputs input::placeholder {
  color: #9E9E9E;
}
.support_team .support_form .data_inputs .email {
  width: calc(50% - 15px);
  position: relative;
}
@media (max-width: 768px) {
  .support_team .support_form .data_inputs .email {
    width: 100%;
  }
}
.support_team .support_form .data_inputs .email:hover svg path {
  fill: #EFB662;
}
.support_team .support_form .data_inputs .email input {
  width: 100%;
}
.support_team .support_form .data_inputs .email svg {
  position: absolute;
  top: 12px;
  right: 15px;
}
.support_team .support_form .data_inputs .email svg path {
  transition: 0.3s all ease;
}
.support_team .support_form .data_inputs .phone-input-container {
  width: calc(50% - 15px);
  font-size: 16px;
  position: relative;
}
@media (max-width: 768px) {
  .support_team .support_form .data_inputs .phone-input-container {
    width: 100%;
  }
}
.support_team .support_form .data_inputs .phone-input-container:hover input {
  border-color: #EFB662;
}
.support_team .support_form .data_inputs .phone-input-container:hover svg path {
  fill: #EFB662;
}
.support_team .support_form .data_inputs .phone-input-container .iti {
  width: 100%;
}
.support_team .support_form .data_inputs .phone-input-container .iti input {
  width: 100%;
  padding-left: 55px !important;
}
.support_team .support_form .data_inputs .phone-input-container .iti .iti__selected-flag {
  border-radius: 20px 0 0 20px;
}
.support_team .support_form .data_inputs .phone-input-container .iti .iti__selected-dial-code {
  display: none;
}
.support_team .support_form .data_inputs .phone-input-container svg {
  position: absolute;
  top: 12px;
  right: 15px;
}
.support_team .support_form .data_inputs .phone-input-container svg path {
  transition: 0.3s all ease;
}
.support_team .support_form .data_inputs .selection {
  width: calc(50% - 15px);
  position: relative;
}
@media (max-width: 768px) {
  .support_team .support_form .data_inputs .selection {
    width: 100%;
  }
}
.support_team .support_form .data_inputs .selection .nice-select {
  width: 100%;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  height: 46px;
  font-size: 16px;
}
.support_team .support_form .data_inputs .selection span {
  font-size: 12px;
  color: #9E9E9E;
  position: absolute;
  top: -9px;
  left: 25px;
  padding: 0 5px;
  background-color: #fff;
}
.support_team .support_form .data_inputs .feedback {
  width: 100%;
  position: relative;
}
.support_team .support_form .data_inputs .feedback textarea {
  width: 100%;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  padding: 25px;
  font-size: 16px;
}
.support_team .support_form .data_inputs .feedback span {
  position: absolute;
  top: -9px;
  left: 20px;
  padding: 0 5px;
  background-color: #fff;
  font-size: 12px;
  color: #9E9E9E;
}
.support_team .support_form .data_inputs .cntr {
  width: 100%;
}
.support_team .support_form .data_inputs .cntr p {
  font-size: 12px;
}
.support_team .support_form .data_inputs .cntr p a {
  color: #EFB662;
}
.support_team .support_form .data_inputs .cntr #cbx:checked ~ .cbx {
  background: #EFB662;
}
.support_team .support_form .data_inputs .cntr label {
  width: 22px !important;
}
.support_team .support_form .data_inputs button {
  width: 100%;
  border: none;
  margin-top: 30px;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 500;
  padding: 21px 0;
}
@media (max-width: 576px) {
  .support_team .support_form .data_inputs button {
    padding: 15px 0;
    margin-top: 20px;
  }
}
.support_team .questions .container .accordion-button {
  background: #EFB662;
}
.support_team .contact_support_team {
  background-color: #EFB662;
  padding: 35px 30px;
  border-radius: 20px;
  border: 1px solid #F68624;
  background: #EFB662;
  margin-top: 50px;
  display: flex;
  gap: 0 30px;
}
@media (max-width: 768px) {
  .support_team .contact_support_team {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .support_team .contact_support_team {
    padding: 20px 15px 15px 15px;
  }
}
.support_team .contact_support_team .left_side {
  width: calc(50% - 15px);
}
@media (max-width: 768px) {
  .support_team .contact_support_team .left_side {
    width: 100%;
  }
}
.support_team .contact_support_team .left_side h3 {
  font-family: "daysone";
  font-size: 40px;
  color: #fff;
}
@media (max-width: 576px) {
  .support_team .contact_support_team .left_side h3 {
    margin-bottom: 10px;
    line-height: 93.5%;
    font-size: 32px;
  }
}
.support_team .contact_support_team .left_side p {
  font-family: "stetica";
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  width: 90%;
}
@media (max-width: 576px) {
  .support_team .contact_support_team .left_side p {
    font-size: 16px;
    font-weight: 500;
  }
}
.support_team .contact_support_team .left_side .contact_info {
  margin-top: 168px;
  display: flex;
  flex-direction: column;
  gap: 23px;
}
@media (max-width: 576px) {
  .support_team .contact_support_team .left_side .contact_info {
    gap: 15px;
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .support_team .contact_support_team .left_side .contact_info {
    margin-top: 50px;
  }
}
.support_team .contact_support_team .left_side .contact_info .tel, .support_team .contact_support_team .left_side .contact_info .mail {
  display: flex;
  gap: 0 10px;
  align-items: center;
}
@media (max-width: 576px) {
  .support_team .contact_support_team .left_side .contact_info .tel, .support_team .contact_support_team .left_side .contact_info .mail {
    font-size: 16px;
  }
}
.support_team .contact_support_team .left_side .contact_info .tel span, .support_team .contact_support_team .left_side .contact_info .mail span {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .support_team .contact_support_team .left_side .contact_info .tel span, .support_team .contact_support_team .left_side .contact_info .mail span {
    font-size: 16px;
  }
}
.support_team .contact_support_team .left_side .buttons {
  display: flex;
  gap: 0 30px;
  margin-top: 32px;
}
@media (max-width: 576px) {
  .support_team .contact_support_team .left_side .buttons {
    gap: 10px;
  }
}
.support_team .contact_support_team .left_side .buttons a {
  width: calc(50% - 15px);
  background-color: #fff;
  color: #EFB662;
  font-size: 16px;
  font-weight: 500;
  display: block;
  text-align: center;
  padding: 21px 0;
  border: 1px solid #EFB662;
}
@media (max-width: 576px) {
  .support_team .contact_support_team .left_side .buttons a {
    font-size: 14px;
    width: calc(50% - 5px);
    padding: 11px 0;
  }
}
.support_team .contact_support_team .left_side .buttons a:hover {
  background-color: #EFB662;
  color: #fff;
  border-color: #fff;
}
.support_team .contact_support_team .right_side {
  width: calc(50% - 15px);
}
@media (max-width: 768px) {
  .support_team .contact_support_team .right_side {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .support_team .contact_support_team .right_side {
    gap: 10px;
    margin-top: 30px;
  }
}
.support_team .contact_support_team .right_side input {
  padding: 15px;
  font-size: 16px;
  border-radius: 25px;
  border: 1px solid #FFF;
  background: #FFF;
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .support_team .contact_support_team .right_side input {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .support_team .contact_support_team .right_side input {
    padding: 11px 15px 13px 15px;
  }
}
.support_team .contact_support_team .right_side input::placeholder {
  color: #9E9E9E;
}
.support_team .contact_support_team .right_side input:focus {
  outline: none;
  border-color: #EFB662;
}
.support_team .contact_support_team .right_side input:hover {
  border-color: #EFB662;
}
.support_team .contact_support_team .right_side .email {
  position: relative;
}
.support_team .contact_support_team .right_side .email:hover input {
  border-color: #EFB662;
}
.support_team .contact_support_team .right_side .email:hover svg path {
  fill: #EFB662;
}
.support_team .contact_support_team .right_side .email svg {
  position: absolute;
  top: 18px;
  right: 15px;
}
@media (max-width: 576px) {
  .support_team .contact_support_team .right_side .email svg {
    top: 15px;
    right: 15px;
  }
}
.support_team .contact_support_team .right_side .email svg path {
  transition: 0.3s all ease;
}
.support_team .contact_support_team .right_side .phone-input-container {
  width: 100%;
  font-size: 16px;
  position: relative;
}
.support_team .contact_support_team .right_side .phone-input-container:hover input {
  border-color: #EFB662;
}
.support_team .contact_support_team .right_side .phone-input-container:hover svg path {
  fill: #EFB662;
}
.support_team .contact_support_team .right_side .phone-input-container .iti {
  width: 100%;
}
.support_team .contact_support_team .right_side .phone-input-container .iti input {
  width: 100%;
  padding-left: 55px !important;
}
.support_team .contact_support_team .right_side .phone-input-container .iti .iti__selected-flag {
  border-radius: 20px 0 0 20px;
}
.support_team .contact_support_team .right_side .phone-input-container .iti .iti__selected-dial-code {
  display: none;
}
.support_team .contact_support_team .right_side .phone-input-container svg {
  position: absolute;
  top: 18px;
  right: 15px;
}
@media (max-width: 576px) {
  .support_team .contact_support_team .right_side .phone-input-container svg {
    top: 15px;
    right: 15px;
  }
}
.support_team .contact_support_team .right_side .phone-input-container svg path {
  transition: 0.3s all ease;
}
.support_team .contact_support_team .right_side textarea {
  margin-top: 20px;
  border-radius: 25px;
  border: 1px solid #FFF;
  background: #FFF;
  padding: 15px 30px 15px 30px;
  font-size: 16px;
  width: 100%;
  height: 100px;
}
.support_team .contact_support_team .right_side textarea::placeholder {
  color: #9E9E9E;
}
.support_team .contact_support_team .right_side .cntr {
  width: 100%;
  margin-top: 25px;
}
.support_team .contact_support_team .right_side .cntr p {
  font-size: 12px;
  color: #fff;
}
.support_team .contact_support_team .right_side .cntr p a {
  font-weight: 600;
  color: #fff;
}
.support_team .contact_support_team .right_side .cntr .hidden-xs-up:checked ~ .cbx {
  background: #fff;
}
.support_team .contact_support_team .right_side .cntr .cbx {
  width: 22px !important;
  border-color: #fff;
  flex-shrink: 0;
}
.support_team .contact_support_team .right_side .cntr .cbx::after {
  border-color: red !important;
  z-index: 100;
  opacity: 1;
}
.support_team .contact_support_team .right_side button {
  margin-top: 31px;
  padding: 21px 0;
  width: 100%;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  background-color: transparent;
  border-radius: 40px;
  border: 1px solid #FFF;
  background: #EFB662;
  transition: 0.3s all ease;
}
@media (max-width: 576px) {
  .support_team .contact_support_team .right_side button {
    padding: 15px 0;
  }
}
.support_team .contact_support_team .right_side button:hover {
  color: #EFB662;
  background-color: #fff;
}

.grant_banner {
  //height: 270px;
  background-color: #F26176;
  background-image: url(../images/grant-bg.png);
  background-size: cover;
  position: relative;
}
.grant_banner .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  //height: 100%;
  min-height: 270px;
}
@media (max-width: 920px) {
  .grant_banner .container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.grant_banner .container .up_button {
  bottom: 0;
  position: absolute;
  right: -130px;
}
@media (max-width: 1380px) {
  .grant_banner .container .up_button {
    bottom: -81px !important;
    right: 0;
  }
}
.grant_banner .container h1, .grant_banner .container h2 {
  font-family: "daysone";
  color: #fff;
  font-size: 54px;
  font-weight: 400;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .grant_banner .container h1, .grant_banner .container h2 {
    width: 65%;
  }
}
@media (max-width: 768px) {
  .grant_banner .container h1, .grant_banner .container h2 {
    font-size: 32px;
    line-height: 93.5%;
    color: #FFFFD6;
    margin-top: 20px;
  }
}
@media (max-width: 1150px) {
  .grant_banner .container h1 {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .grant_banner .container h1 {
    font-size: 32px;
    line-height: 93.5%;
    color: #FFFFD6;
    margin-top: 20px;
    width: 100%;
  }
}
.grant_banner .container h2 {
  text-transform: none;
}
.grant_banner .container img {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 920px) {
  .grant_banner .container img {
    width: 350px;
    display: none;
  }
}
@media (max-width: 576px) {
  .grant_banner .container img {
    width: 300px;
  }
}

.gubernator_grant, .sources_center, .president_foundation {
  position: relative;
}
.gubernator_grant .container .breadcrumb a:last-child, .sources_center .container .breadcrumb a:last-child, .president_foundation .container .breadcrumb a:last-child {
  color: #F26176;
}
.gubernator_grant .container .title, .sources_center .container .title, .president_foundation .container .title {
  margin-top: 30px;
}
.gubernator_grant .container .title h2, .sources_center .container .title h2, .president_foundation .container .title h2 {
  font-size: 40px;
  font-family: "daysone";
  font-weight: 400;
  margin-bottom: 15px;
}
@media (max-width: 576px) {
  .gubernator_grant .container .title h2, .sources_center .container .title h2, .president_foundation .container .title h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 93.5%;
    margin-bottom: 0;
  }
}
.gubernator_grant .container .title p, .sources_center .container .title p, .president_foundation .container .title p {
  font-size: 16px;
}
.gubernator_grant .container .about_grant, .sources_center .container .about_grant, .president_foundation .container .about_grant {
  padding: 35px 30px 35px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  display: flex;
  flex-direction: column;
  gap: 220px 0;
  margin-top: 50px;
}
@media (max-width: 576px) {
  .gubernator_grant .container .about_grant, .sources_center .container .about_grant, .president_foundation .container .about_grant {
    padding: 20px 15px 15px 15px;
  }
}
@media (max-width: 768px) {
  .gubernator_grant .container .about_grant, .sources_center .container .about_grant, .president_foundation .container .about_grant {
    gap: 30px;
  }
}
.gubernator_grant .container .about_grant .top, .gubernator_grant .container .about_grant .bottom, .sources_center .container .about_grant .top, .sources_center .container .about_grant .bottom, .president_foundation .container .about_grant .top, .president_foundation .container .about_grant .bottom {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .gubernator_grant .container .about_grant .bottom, .sources_center .container .about_grant .bottom, .president_foundation .container .about_grant .bottom {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.gubernator_grant .container .about_grant .bottom p, .sources_center .container .about_grant .bottom p, .president_foundation .container .about_grant .bottom p {
  width: 50%;
}
@media (max-width: 768px) {
  .gubernator_grant .container .about_grant .bottom p, .sources_center .container .about_grant .bottom p, .president_foundation .container .about_grant .bottom p {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .gubernator_grant .container .about_grant .bottom img, .sources_center .container .about_grant .bottom img, .president_foundation .container .about_grant .bottom img {
    width: 300px;
    margin: 0 auto;
  }
}
.gubernator_grant .container .support_process, .sources_center .container .support_process, .president_foundation .container .support_process {
  margin-top: 50px;
}
.gubernator_grant .container .support_process h3, .sources_center .container .support_process h3, .president_foundation .container .support_process h3 {
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .gubernator_grant .container .support_process h3, .sources_center .container .support_process h3, .president_foundation .container .support_process h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.gubernator_grant .container .support_process .steps_container, .sources_center .container .support_process .steps_container, .president_foundation .container .support_process .steps_container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 15px;
}
@media (max-width: 576px) {
  .gubernator_grant .container .support_process .steps_container, .sources_center .container .support_process .steps_container, .president_foundation .container .support_process .steps_container {
    gap: 10px;
  }
}
.gubernator_grant .container .support_process .steps_container .step, .sources_center .container .support_process .steps_container .step, .president_foundation .container .support_process .steps_container .step {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  padding: 35px 30px 35px 30px;
  border-radius: 20px;
  border: 1px solid #B51241;
  background: #FFF;
}
@media (max-width: 576px) {
  .gubernator_grant .container .support_process .steps_container .step, .sources_center .container .support_process .steps_container .step, .president_foundation .container .support_process .steps_container .step {
    padding: 20px 15px 15px 15px;
    width: 100%;
    flex: unset;
  }
}
.gubernator_grant .container .support_process .steps_container .step:first-child, .sources_center .container .support_process .steps_container .step:first-child, .president_foundation .container .support_process .steps_container .step:first-child {
  flex: 4;
}
.gubernator_grant .container .support_process .steps_container .step:nth-child(2), .sources_center .container .support_process .steps_container .step:nth-child(2), .president_foundation .container .support_process .steps_container .step:nth-child(2) {
  flex: 2.5;
}
.gubernator_grant .container .support_process .steps_container .step:nth-child(3), .sources_center .container .support_process .steps_container .step:nth-child(3), .president_foundation .container .support_process .steps_container .step:nth-child(3) {
  flex: 1;
}
.gubernator_grant .container .support_process .steps_container .step:nth-child(4), .sources_center .container .support_process .steps_container .step:nth-child(4), .president_foundation .container .support_process .steps_container .step:nth-child(4) {
  flex: 1;
}
.gubernator_grant .container .support_process .steps_container .step:nth-child(5), .sources_center .container .support_process .steps_container .step:nth-child(5), .president_foundation .container .support_process .steps_container .step:nth-child(5) {
  flex: 4;
}
.gubernator_grant .container .support_process .steps_container .step:nth-child(5) .number, .sources_center .container .support_process .steps_container .step:nth-child(5) .number, .president_foundation .container .support_process .steps_container .step:nth-child(5) .number {
  align-items: flex-end;
}
.gubernator_grant .container .support_process .steps_container .step:last-child, .sources_center .container .support_process .steps_container .step:last-child, .president_foundation .container .support_process .steps_container .step:last-child {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  border-radius: none;
  border: none;
}
.gubernator_grant .container .support_process .steps_container .step:last-child .card, .sources_center .container .support_process .steps_container .step:last-child .card, .president_foundation .container .support_process .steps_container .step:last-child .card {
  position: relative;
  background-color: #F26176;
  background-image: url(../images/06-card.png);
  background-size: cover;
  padding: 15px 30px;
  border-radius: 20px;
  border: 1px solid #B51241;
  background: #F26176;
}
@media (max-width: 480px) {
  .gubernator_grant .container .support_process .steps_container .step:last-child .card, .sources_center .container .support_process .steps_container .step:last-child .card, .president_foundation .container .support_process .steps_container .step:last-child .card {
    padding: 15px 15px;
  }
}
.gubernator_grant .container .support_process .steps_container .step:last-child .card span, .sources_center .container .support_process .steps_container .step:last-child .card span, .president_foundation .container .support_process .steps_container .step:last-child .card span {
  font-size: 32px;
  color: #FFF;
  font-weight: 500;
  position: absolute;
  top: 15px;
  left: 30px;
}
@media (max-width: 576px) {
  .gubernator_grant .container .support_process .steps_container .step:last-child .card span, .sources_center .container .support_process .steps_container .step:last-child .card span, .president_foundation .container .support_process .steps_container .step:last-child .card span {
    font-size: 20px;
    left: 15px;
  }
}
.gubernator_grant .container .support_process .steps_container .step:last-child .card .number, .sources_center .container .support_process .steps_container .step:last-child .card .number, .president_foundation .container .support_process .steps_container .step:last-child .card .number {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.gubernator_grant .container .support_process .steps_container .step:last-child .card .number p, .sources_center .container .support_process .steps_container .step:last-child .card .number p, .president_foundation .container .support_process .steps_container .step:last-child .card .number p {
  color: #fff;
}
.gubernator_grant .container .support_process .steps_container .step:last-child a, .sources_center .container .support_process .steps_container .step:last-child a, .president_foundation .container .support_process .steps_container .step:last-child a {
  padding: 17px 0;
}
.gubernator_grant .container .support_process .steps_container .step .title_number, .sources_center .container .support_process .steps_container .step .title_number, .president_foundation .container .support_process .steps_container .step .title_number {
  font-size: 32px;
  color: #B51241;
  font-weight: 500;
}
@media (max-width: 576px) {
  .gubernator_grant .container .support_process .steps_container .step .title_number, .sources_center .container .support_process .steps_container .step .title_number, .president_foundation .container .support_process .steps_container .step .title_number {
    font-size: 20px;
  }
}
.gubernator_grant .container .support_process .steps_container .step .title_text, .sources_center .container .support_process .steps_container .step .title_text, .president_foundation .container .support_process .steps_container .step .title_text {
  font-size: 20px;
  color: #B51241;
  font-weight: 500;
  width: 55%;
}
@media (max-width: 576px) {
  .gubernator_grant .container .support_process .steps_container .step .title_text, .sources_center .container .support_process .steps_container .step .title_text, .president_foundation .container .support_process .steps_container .step .title_text {
    width: 100%;
  }
}
.gubernator_grant .container .support_process .steps_container .step .number, .sources_center .container .support_process .steps_container .step .number, .president_foundation .container .support_process .steps_container .step .number {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gubernator_grant .container .support_process .steps_container .step .number p, .sources_center .container .support_process .steps_container .step .number p, .president_foundation .container .support_process .steps_container .step .number p {
  font-size: 20px;
  color: #B51241;
  font-weight: 500;
  width: 60%;
}
@media (max-width: 576px) {
  .gubernator_grant .container .support_process .steps_container .step .number p, .sources_center .container .support_process .steps_container .step .number p, .president_foundation .container .support_process .steps_container .step .number p {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .gubernator_grant .container .support_process .steps_container .step .number img, .sources_center .container .support_process .steps_container .step .number img, .president_foundation .container .support_process .steps_container .step .number img {
    width: 100px;
  }
}
.gubernator_grant .container .support_process .steps_container .step .number a, .sources_center .container .support_process .steps_container .step .number a, .president_foundation .container .support_process .steps_container .step .number a {
  display: flex;
  align-items: center;
  gap: 0 10px;
  text-decoration: none;
}
.gubernator_grant .container .support_process .steps_container .step .number a span, .sources_center .container .support_process .steps_container .step .number a span, .president_foundation .container .support_process .steps_container .step .number a span {
  color: #B51241;
  font-size: 16px;
  font-weight: 400;
}
.gubernator_grant .container .support_process .steps_container .step .number a img, .sources_center .container .support_process .steps_container .step .number a img, .president_foundation .container .support_process .steps_container .step .number a img {
  width: fit-content;
}
.gubernator_grant .container .support_process .steps_container .step .number ul, .sources_center .container .support_process .steps_container .step .number ul, .president_foundation .container .support_process .steps_container .step .number ul {
  display: flex;
  flex-direction: column;
  padding-left: 15px;
}
.gubernator_grant .container .support_process .steps_container .step .number ul li, .sources_center .container .support_process .steps_container .step .number ul li, .president_foundation .container .support_process .steps_container .step .number ul li {
  color: #F26176;
  font-size: 16px;
}
.gubernator_grant .container .party_calendar h3, .sources_center .container .party_calendar h3, .president_foundation .container .party_calendar h3 {
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .gubernator_grant .container .party_calendar h3, .sources_center .container .party_calendar h3, .president_foundation .container .party_calendar h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.gubernator_grant .container .party_calendar .swiper .swiper-slide, .sources_center .container .party_calendar .swiper .swiper-slide, .president_foundation .container .party_calendar .swiper .swiper-slide {
  background-color: #F26176;
  border: none;
}
@media (max-width: 576px) {
  .gubernator_grant .container .party_calendar .swiper .swiper-slide, .sources_center .container .party_calendar .swiper .swiper-slide, .president_foundation .container .party_calendar .swiper .swiper-slide {
    padding: 20px 15px 15px 15px;
  }
}
@media (max-width: 576px) {
  .gubernator_grant .container .party_calendar .swiper .swiper-slide p, .sources_center .container .party_calendar .swiper .swiper-slide p, .president_foundation .container .party_calendar .swiper .swiper-slide p {
    margin-bottom: 10px;
  }
}
@media (max-width: 576px) {
  .gubernator_grant .container .party_calendar .swiper .swiper-slide h2, .sources_center .container .party_calendar .swiper .swiper-slide h2, .president_foundation .container .party_calendar .swiper .swiper-slide h2 {
    font-size: 36px;
  }
}
@media (max-width: 576px) {
  .gubernator_grant .container .questions h3, .sources_center .container .questions h3, .president_foundation .container .questions h3 {
    font-size: 24px;
  }
}
.gubernator_grant .container .questions .accordion-item, .sources_center .container .questions .accordion-item, .president_foundation .container .questions .accordion-item {
  border-color: #F26176;
}
.gubernator_grant .container .questions .accordion-button, .sources_center .container .questions .accordion-button, .president_foundation .container .questions .accordion-button {
  background: #F26176;
}
.gubernator_grant .container .contact_us, .sources_center .container .contact_us, .president_foundation .container .contact_us {
  position: relative;
}
.gubernator_grant .container .contact_us .container, .sources_center .container .contact_us .container, .president_foundation .container .contact_us .container {
  background-color: #F26176;
  border-color: #F26176;
}
.gubernator_grant .container .contact_us .container .right_side input:hover, .sources_center .container .contact_us .container .right_side input:hover, .president_foundation .container .contact_us .container .right_side input:hover {
  border-color: #F26176;
}
.gubernator_grant .container .contact_us .container .right_side .email:hover svg path, .sources_center .container .contact_us .container .right_side .email:hover svg path, .president_foundation .container .contact_us .container .right_side .email:hover svg path {
  fill: #F26176;
}
.gubernator_grant .container .contact_us .container .right_side .phone-input-container:hover svg path, .sources_center .container .contact_us .container .right_side .phone-input-container:hover svg path, .president_foundation .container .contact_us .container .right_side .phone-input-container:hover svg path {
  fill: #F26176;
}
.gubernator_grant .container .contact_us .container .right_side .cntr label::after, .sources_center .container .contact_us .container .right_side .cntr label::after, .president_foundation .container .contact_us .container .right_side .cntr label::after {
  border-color: #F26176;
}
.gubernator_grant .container .contact_us .container .right_side button, .sources_center .container .contact_us .container .right_side button, .president_foundation .container .contact_us .container .right_side button {
  box-shadow: none;
  border-radius: 40px;
}
.gubernator_grant .container .contact_us .container .right_side button:hover, .sources_center .container .contact_us .container .right_side button:hover, .president_foundation .container .contact_us .container .right_side button:hover {
  color: #F26176;
}
.gubernator_grant .container .contact_us .container .buttons a, .sources_center .container .contact_us .container .buttons a, .president_foundation .container .contact_us .container .buttons a {
  color: #F26176;
  border-color: #F26176;
  transition: 0.3s all ease;
}
.gubernator_grant .container .contact_us .container .buttons a:hover, .sources_center .container .contact_us .container .buttons a:hover, .president_foundation .container .contact_us .container .buttons a:hover {
  background-color: #F26176;
  border-color: #fff;
  color: #fff;
}
.gubernator_grant .container .contact_us .right_deco, .sources_center .container .contact_us .right_deco, .president_foundation .container .contact_us .right_deco {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .gubernator_grant .container .contact_us .right_deco, .sources_center .container .contact_us .right_deco, .president_foundation .container .contact_us .right_deco {
    display: none;
  }
}
.gubernator_grant .right_deco, .sources_center .right_deco, .president_foundation .right_deco {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1024px) {
  .gubernator_grant .right_deco, .sources_center .right_deco, .president_foundation .right_deco {
    display: none;
  }
}
.gubernator_grant .right_deco1, .sources_center .right_deco1, .president_foundation .right_deco1 {
  position: absolute;
  bottom: -100px;
  z-index: -1;
  right: 0;
}
@media (max-width: 1024px) {
  .gubernator_grant .right_deco1, .sources_center .right_deco1, .president_foundation .right_deco1 {
    display: none;
  }
}
.gubernator_grant .left_deco, .sources_center .left_deco, .president_foundation .left_deco {
  position: absolute;
  top: 200px;
  left: 0;
}
@media (max-width: 1024px) {
  .gubernator_grant .left_deco, .sources_center .left_deco, .president_foundation .left_deco {
    display: none;
  }
}
.gubernator_grant .left_deco1, .sources_center .left_deco1, .president_foundation .left_deco1 {
  position: absolute;
  left: 0;
  bottom: -100px;
  z-index: -1;
}
@media (max-width: 1024px) {
  .gubernator_grant .left_deco1, .sources_center .left_deco1, .president_foundation .left_deco1 {
    display: none;
  }
}
.gubernator_grant h3, .sources_center h3, .president_foundation h3 {
  font-family: "daysone";
  font-size: 32px;
  font-weight: 400;
}
@media (max-width: 576px) {
  .gubernator_grant h3, .sources_center h3, .president_foundation h3 {
    font-size: 24px;
  }
}

.white_bg_button {
  font-size: 14px;
  font-weight: 500px;
  padding: 12px 24px;
  border-radius: 25px;
  border: 1px solid #F26176;
  display: block;
  text-decoration: none;
  color: #F26176;
  transition: 0.3s all ease;
}
.white_bg_button:hover {
  background-color: #F26176;
  color: #fff;
}

.pink_bg_button {
  background-color: #B51241;
  border-radius: 30px;
  border: 1px solid #B51241;
  background: #F26176;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  display: block;
  text-decoration: none;
  text-align: center;
  transition: 0.3s all ease;
}
.pink_bg_button:hover {
  border-radius: 30px;
  background: #FF7185;
  box-shadow: 0px 0px 7px 1px #F26176;
  border-color: #FF7185;
}

.sources_center {
  position: relative;
}
.sources_center .about_center {
  margin-top: 50px;
  padding: 35px 30px 35px 30px;
  border-radius: 20px;
  border: 1px solid #B51241;
  background: #F26176;
  background-image: url(../images/sources-bg.png);
  background-size: cover;
}
@media (max-width: 768px) {
  .sources_center .about_center {
    padding: 20px 15px 15px 15px;
  }
}
.sources_center .about_center h3 {
  color: #fff;
  font-family: "daysone";
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 31px;
}
.sources_center .about_center .sources_box {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
@media (max-width: 768px) {
  .sources_center .about_center .sources_box {
    flex-direction: column;
    gap: 10px;
  }
}
.sources_center .about_center .sources_box .item {
  width: calc(33.3333% - 20px);
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  padding: 35px 28px 30px 28px;
}
@media (max-width: 768px) {
  .sources_center .about_center .sources_box .item {
    width: 100%;
  }
}
.sources_center .about_center .sources_box .item h5 {
  font-size: 20px;
  font-weight: 500;
  font-family: "daysone";
  margin-bottom: 30px;
}
.sources_center .centers_types {
  margin-top: 50px;
}
.sources_center .centers_types form {
  display: flex;
  gap: 20px 30px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .sources_center .centers_types form {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .sources_center .centers_types form {
    flex-direction: column;
    gap: 10px;
  }
}
.sources_center .centers_types form .nice-select {
  width: 220px;
  font-size: 12px;
}
@media (max-width: 576px) {
  .sources_center .centers_types form .nice-select {
    width: calc(50% - 15px);
  }
}
@media (max-width: 480px) {
  .sources_center .centers_types form .nice-select {
    width: 100%;
  }
}
.sources_center .centers_types form a {
  font-size: 12px;
  padding: 8px 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sources_center .centers_types .types_container {
  display: flex;
  gap: 0 30px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .sources_center .centers_types .types_container {
    gap: 10px;
  }
}
.sources_center .centers_types .types_container .item {
  width: calc(50% - 15px);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .sources_center .centers_types .types_container .item {
    width: 100%;
    margin-top: 0;
    padding: 20px 15px 15px 15px;
  }
}
.sources_center .centers_types .types_container .item .header {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 576px) {
  .sources_center .centers_types .types_container .item .header {
    align-items: center;
  }
}
.sources_center .centers_types .types_container .item .header .image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #B51241;
  margin-right: 20px;
  flex-shrink: 0;
}
.sources_center .centers_types .types_container .item .header h4 {
  width: 60%;
}
@media (max-width: 576px) {
  .sources_center .centers_types .types_container .item .header h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 93.5%;
    margin-bottom: 0;
  }
}
.sources_center .centers_types .types_container .item .header img {
  margin-top: 5px;
}
.sources_center .centers_types .types_container .item a {
  margin-top: 15px;
  width: fit-content;
  padding: 10px 37px;
  font-size: 12px;
  font-weight: 500;
  border-color: #F26176;
}
@media (max-width: 576px) {
  .sources_center .centers_types .types_container .item a {
    margin-top: 0;
  }
}
.sources_center .centers_types .view_all {
  width: fit-content;
  padding: 21px 90px;
  margin: 0 auto;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 40px;
}
@media (max-width: 576px) {
  .sources_center .centers_types .view_all {
    width: 100%;
    padding: 11px 0;
    text-align: center;
    margin-top: 10px;
  }
}
.sources_center .right_deco {
  position: absolute;
  right: 0;
  top: 0;
}
.sources_center .left_deco {
  position: absolute;
  left: 0;
  top: 0;
}

.title_itself {
  font-size: 54px;
  font-family: "daysone";
  color: #fff;
}
@media (max-width: 1000px) {
  .title_itself {
    width: 70%;
    line-height: 93%;
  }
}
@media (max-width: 576px) {
  .title_itself {
    font-size: 32px;
    color: #FFFFD6;
    width: 100%;
    margin-top: 18px;
  }
}
.title_itself span {
  display: block;
}
@media (max-width: 400px) {
  .title_itself span {
    display: unset;
  }
}

.main_source_center .container {
  background: #fff;
}
.main_source_center .breadcrumb a:last-child {
  color: #F26176;
}
.main_source_center .title h2 {
  font-size: 40px;
  font-weight: 400;
  font-family: "daysone";
}
@media (max-width: 576px) {
  .main_source_center .title h2 {
    font-size: 32px;
    line-height: 93.5%;
  }
}
.main_source_center .service_center {
  margin-top: 50px;
  position: relative;
}
@media (max-width: 576px) {
  .main_source_center .service_center {
    margin-top: 30px;
  }
}
.main_source_center .service_center h3 {
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .main_source_center .service_center h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
.main_source_center .service_center .swiper .swiper-slide {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  background: #F26176;
  background-image: url(../images/services-bg.png);
  background-size: cover;
  height: 200px;
}
@media (max-width: 576px) {
  .main_source_center .service_center .swiper .swiper-slide {
    padding: 20px 15px 15px 15px;
  }
}
@media (max-width: 576px) {
  .main_source_center .service_center .swiper .swiper-slide:first-child ul {
    margin-left: 15px;
  }
}
.main_source_center .service_center .swiper .swiper-slide:first-child ul li {
  font-weight: 500;
}
.main_source_center .service_center .swiper .swiper-slide .title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.main_source_center .service_center .swiper .swiper-slide .title h6 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  height: 48px;
}
.main_source_center .service_center .swiper .swiper-slide ul {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  padding-left: 15px;
}
.main_source_center .service_center .swiper .swiper-slide ul li {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.main_source_center .service_center .serviceSwiper-pagination {
  position: unset;
  margin-top: 20px;
  height: 13px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.main_source_center .service_center .serviceSwiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.main_source_center .service_center .serviceSwiper-pagination .swiper-pagination-bullet-active {
  background-color: #717171;
  height: 13px;
  width: 13px;
}
.main_source_center .service_center .serviceSwiper-button-next {
  position: absolute;
  right: -5%;
  top: 50%;
}
@media (max-width: 1220px) {
  .main_source_center .service_center .serviceSwiper-button-next {
    display: none;
  }
}
.main_source_center .service_center .serviceSwiper-button-next::after {
  content: none;
}
.main_source_center .service_center .serviceSwiper-button-prev {
  position: absolute;
  top: 50%;
  left: -5%;
}
@media (max-width: 1220px) {
  .main_source_center .service_center .serviceSwiper-button-prev {
    display: none;
  }
}
.main_source_center .service_center .serviceSwiper-button-prev::after {
  content: none;
}
.main_source_center .npo_list {
  margin-top: 50px;
}
.main_source_center .npo_list h3 {
  margin-bottom: 30px;
}
.main_source_center .npo_list .list_container {
  display: flex;
  gap: 20px 30px;
  flex-wrap: wrap;
}
.main_source_center .npo_list .list_container .item {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  width: calc(33.3333% - 20px);
}
@media (max-width: 900px) {
  .main_source_center .npo_list .list_container .item {
    width: calc(50% - 15px);
  }
}
@media (max-width: 576px) {
  .main_source_center .npo_list .list_container .item {
    width: 100%;
    padding: 20px 15px 15px 15px;
  }
}
.main_source_center .npo_list .list_container .item .header {
  display: flex;
  gap: 0 20px;
}
.main_source_center .npo_list .list_container .item .header .image {
  width: 60px;
  height: 60px;
  background-color: #B51241;
  border-radius: 50%;
  flex-shrink: 0;
}
.main_source_center .npo_list .list_container .item .header .info .name {
  font-family: "daysone";
  font-size: 20px;
  font-weight: 400;
  line-height: 93.515%;
}
.main_source_center .npo_list .list_container .item .header .info .status {
  display: flex;
  gap: 0 10px;
  margin-top: 12px;
  align-items: flex-end;
}
.main_source_center .npo_list .list_container .item .body {
  margin-top: 15px;
}
.main_source_center .npo_list .list_container .item .body span {
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: 15px;
}
.main_source_center .npo_list .list_container .item .body p {
  font-size: 14px;
}
.main_source_center .npo_list .list_container .item a {
  margin-top: 15px;
  font-size: 12px;
  font-weight: 500;
  padding: 13px 0;
}
.main_source_center .npo_list .view_all {
  margin: 0 auto;
  width: fit-content;
  padding: 21px 90px;
  font-size: 16px;
  font-weight: 500;
  margin-top: 30px;
}
.main_source_center .our_team {
  position: relative;
  margin-top: 50px;
}
@media (max-width: 576px) {
  .main_source_center .our_team {
    margin-top: 30px;
  }
}
.main_source_center .our_team h3 {
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .main_source_center .our_team h3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .main_source_center .our_team .swiper.teamSwiper .swiper-slide {
    padding: 20px 15px 15px 15px;
  }
}
.main_source_center .our_team .swiper.teamSwiper .swiper-slide .image {
  width: 100%;
  height: 185px;
  border-radius: 20px;
  background: #F26176;
}
.main_source_center .our_team .swiper.teamSwiper .swiper-slide .about {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  background-color: #fff;
  margin-top: -30px;
}
.main_source_center .our_team .swiper.teamSwiper .swiper-slide .about p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.main_source_center .our_team .swiper.teamSwiper .swiper-slide .about span {
  font-size: 16px;
}
.main_source_center .our_team .teamSwiper-button-next {
  position: absolute;
  right: -5%;
  top: 50%;
}
@media (max-width: 1220px) {
  .main_source_center .our_team .teamSwiper-button-next {
    display: none;
  }
}
.main_source_center .our_team .teamSwiper-button-next::after {
  content: none;
}
.main_source_center .our_team .teamSwiper-button-prev {
  position: absolute;
  top: 50%;
  left: -5%;
}
@media (max-width: 1220px) {
  .main_source_center .our_team .teamSwiper-button-prev {
    display: none;
  }
}
.main_source_center .our_team .teamSwiper-button-prev::after {
  content: none;
}
.main_source_center .feedback {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  margin-top: 50px;
}
@media (max-width: 576px) {
  .main_source_center .feedback {
    padding: 20px 15px 15px 15px;
  }
}
.main_source_center .feedback .title_feedback {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.main_source_center .feedback .title_feedback h3 {
  margin-bottom: 0;
}
.main_source_center .feedback .title_feedback a {
  color: #FF614C;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide {
  padding: 25px 15px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  position: relative;
}
@media (max-width: 576px) {
  .main_source_center .feedback .swiper.feedbackSwiper .swiper-slide {
    padding: 20px 15px 15px 15px;
  }
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .image_name {
  display: flex;
  gap: 0 15px;
  align-items: center;
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .image_name .image {
  width: 60px;
  height: 60px;
  background-color: #0E43E4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 32px;
}
@media (max-width: 576px) {
  .main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .image_name .image {
    font-size: 24px;
    width: 50px;
    height: 50px;
  }
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .image_name .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .image_name .name {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 576px) {
  .main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .image_name .name {
    gap: 5px;
  }
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .image_name .name p {
  font-size: 16px;
  font-weight: 500;
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .image_name .name span {
  font-size: 12px;
  color: #9E9E9E;
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .star {
  display: flex;
  gap: 0 5px;
  align-items: center;
  padding: 2px 5px;
  border-radius: 21px;
  border: 1px solid #C3C3C3;
}
@media (max-width: 576px) {
  .main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .star {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .star img {
  width: 25px;
  height: 25px;
}
@media (max-width: 576px) {
  .main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .star img {
    width: 20px;
    height: 20px;
  }
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .header .star span {
  font-size: 16px;
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .body {
  font-size: 16px;
  margin-top: 15px;
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .bottom {
  display: flex;
  gap: 0 5px;
  margin-top: 30px;
}
.main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .bottom .time, .main_source_center .feedback .swiper.feedbackSwiper .swiper-slide .bottom .date {
  color: #9E9E9E;
  font-size: 12px;
}
.main_source_center .feedback .feedbackSwiper-button-next {
  position: absolute;
  right: -5%;
  top: 51%;
}
@media (max-width: 1220px) {
  .main_source_center .feedback .feedbackSwiper-button-next {
    display: none;
  }
}
.main_source_center .feedback .feedbackSwiper-button-next::after {
  content: none;
}
.main_source_center .feedback .feedbackSwiper-button-prev {
  position: absolute;
  top: 51%;
  left: -5%;
}
@media (max-width: 1220px) {
  .main_source_center .feedback .feedbackSwiper-button-prev {
    display: none;
  }
}
.main_source_center .feedback .feedbackSwiper-button-prev::after {
  content: none;
}
.main_source_center .feedback .feedbackSwiper-pagination {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 30px;
  height: 13px;
}
.main_source_center .feedback .feedbackSwiper-pagination .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
}
.main_source_center .feedback .feedbackSwiper-pagination .swiper-pagination-bullet-active {
  height: 13px;
  width: 13px;
  background-color: #717171;
}
.main_source_center .contacts {
  margin-top: 50px;
  margin-bottom: 50px;
}
.main_source_center .contacts .contacts_title {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 576px) {
  .main_source_center .contacts .contacts_title {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.main_source_center .contacts .contacts_title a {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 29px 11px 28px;
}
@media (max-width: 576px) {
  .main_source_center .contacts .contacts_title a {
    width: 100%;
    padding: 11px 0;
    width: 100%;
    text-align: center;
  }
}
.main_source_center .contacts .contact_types {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}
.main_source_center .contacts .contact_types div {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.main_source_center .contacts .contact_types div span {
  font-size: 20px;
  font-weight: 500;
}
.main_source_center .contacts .contact_types div p {
  font-size: 16px;
}
.main_source_center .contacts .contact_types div a {
  text-decoration: none;
  font-size: 16px;
  color: inherit;
}
.main_source_center .contacts .map {
  margin-top: 30px;
  height: 400px;
  width: 100%;
  margin-bottom: 0;
}
.main_source_center .contacts .map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main_source_center .contacts .contact_us {
  position: relative;
}
.main_source_center .contacts .contact_us .container {
  background-color: #F26176;
  border-color: #F26176;
}
.main_source_center .contacts .contact_us .container .right_side input:hover {
  border-color: #F26176;
}
.main_source_center .contacts .contact_us .container .right_side .email:hover svg path {
  fill: #F26176;
}
.main_source_center .contacts .contact_us .container .right_side .phone-input-container:hover svg path {
  fill: #F26176;
}
.main_source_center .contacts .contact_us .container .right_side .cntr label::after {
  border-color: #F26176;
}
.main_source_center .contacts .contact_us .container .right_side button {
  box-shadow: none;
  border-radius: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.main_source_center .contacts .contact_us .container .right_side button:hover {
  color: #F26176;
}
.main_source_center .contacts .contact_us .container .buttons a {
  color: #F26176;
  transition: 0.3s all ease;
  border-color: #F26176;
  margin-top: 0;
}
.main_source_center .contacts .contact_us .container .buttons a:hover {
  border-color: #fff;
  color: #fff;
  background-color: #F26176;
  margin-top: 0;
}
.main_source_center .contacts .contact_us .right_deco {
  position: absolute;
  right: 0;
  bottom: 0;
}
.main_source_center h3 {
  font-size: 32p;
  font-weight: 400;
  font-family: "daysone";
}

@media (max-width: 600px) {
  .grant_banner .smaller {
    font-size: 27px !important;
  }
}

.educational_programs .breadcrumb a:last-child, .seminar_section .breadcrumb a:last-child, .consultaion_section .breadcrumb a:last-child, .legal_advice .breadcrumb a:last-child, .volunter_section .breadcrumb a:last-child,
.volunter_seeking_section .breadcrumb a:last-child, .social_internship .breadcrumb a:last-child, .president_doundation .breadcrumb a:last-child {
  color: #F26176;
}
.educational_programs .back_button, .seminar_section .back_button, .consultaion_section .back_button, .legal_advice .back_button, .volunter_section .back_button,
.volunter_seeking_section .back_button, .social_internship .back_button, .president_doundation .back_button {
  display: flex;
  align-items: center;
  gap: 0 10px;
  text-decoration: none;
  margin-top: 15px;
  margin-bottom: 30px;
}
.educational_programs .back_button span, .seminar_section .back_button span, .consultaion_section .back_button span, .legal_advice .back_button span, .volunter_section .back_button span,
.volunter_seeking_section .back_button span, .social_internship .back_button span, .president_doundation .back_button span {
  font-size: 16px;
  font-weight: 500;
  color: #F26176;
}
.educational_programs .title h2, .seminar_section .title h2, .consultaion_section .title h2, .legal_advice .title h2, .volunter_section .title h2,
.volunter_seeking_section .title h2, .social_internship .title h2, .president_doundation .title h2 {
  font-family: "daysone";
  font-size: 40px;
  font-weight: 400;
}
@media (max-width: 600px) {
  .educational_programs .title h2, .seminar_section .title h2, .consultaion_section .title h2, .legal_advice .title h2, .volunter_section .title h2,
  .volunter_seeking_section .title h2, .social_internship .title h2, .president_doundation .title h2 {
    font-size: 32px;
    line-height: 93.5%;
    margin-bottom: 20px;
  }
}
.educational_programs .title p, .seminar_section .title p, .consultaion_section .title p, .legal_advice .title p, .volunter_section .title p,
.volunter_seeking_section .title p, .social_internship .title p, .president_doundation .title p {
  font-size: 16px;
}
.educational_programs .program_types form, .seminar_section .program_types form, .consultaion_section .program_types form, .legal_advice .program_types form, .volunter_section .program_types form,
.volunter_seeking_section .program_types form, .social_internship .program_types form, .president_doundation .program_types form {
  margin-top: 50px;
  display: flex;
  gap: 20px 30px;
  flex-wrap: wrap;
}
.educational_programs .program_types form .nice-select, .seminar_section .program_types form .nice-select, .consultaion_section .program_types form .nice-select, .legal_advice .program_types form .nice-select, .volunter_section .program_types form .nice-select,
.volunter_seeking_section .program_types form .nice-select, .social_internship .program_types form .nice-select, .president_doundation .program_types form .nice-select {
  width: 200px;
  font-size: 14px;
  transition: 0.3s all ease;
}
@media (max-width: 600px) {
  .educational_programs .program_types form .nice-select, .seminar_section .program_types form .nice-select, .consultaion_section .program_types form .nice-select, .legal_advice .program_types form .nice-select, .volunter_section .program_types form .nice-select,
  .volunter_seeking_section .program_types form .nice-select, .social_internship .program_types form .nice-select, .president_doundation .program_types form .nice-select {
    width: calc(50% - 15px);
  }
}
.educational_programs .program_types form .nice-select:hover, .seminar_section .program_types form .nice-select:hover, .consultaion_section .program_types form .nice-select:hover, .legal_advice .program_types form .nice-select:hover, .volunter_section .program_types form .nice-select:hover,
.volunter_seeking_section .program_types form .nice-select:hover, .social_internship .program_types form .nice-select:hover, .president_doundation .program_types form .nice-select:hover {
  border-color: #F26176;
}
.educational_programs .program_types form .date, .seminar_section .program_types form .date, .consultaion_section .program_types form .date, .legal_advice .program_types form .date, .volunter_section .program_types form .date,
.volunter_seeking_section .program_types form .date, .social_internship .program_types form .date, .president_doundation .program_types form .date {
  position: relative;
}
@media (max-width: 600px) {
  .educational_programs .program_types form .date, .seminar_section .program_types form .date, .consultaion_section .program_types form .date, .legal_advice .program_types form .date, .volunter_section .program_types form .date,
  .volunter_seeking_section .program_types form .date, .social_internship .program_types form .date, .president_doundation .program_types form .date {
    width: calc(50% - 15px);
  }
}
.educational_programs .program_types form .date img, .seminar_section .program_types form .date img, .consultaion_section .program_types form .date img, .legal_advice .program_types form .date img, .volunter_section .program_types form .date img,
.volunter_seeking_section .program_types form .date img, .social_internship .program_types form .date img, .president_doundation .program_types form .date img {
  position: absolute;
  top: 8px;
  right: 10px;
}
.educational_programs .program_types form .date input, .seminar_section .program_types form .date input, .consultaion_section .program_types form .date input, .legal_advice .program_types form .date input, .volunter_section .program_types form .date input,
.volunter_seeking_section .program_types form .date input, .social_internship .program_types form .date input, .president_doundation .program_types form .date input {
  font-size: 14px;
  height: 100%;
  width: 200px;
  padding-left: 15px;
  border-radius: 20px;
  border-radius: 10px;
  border: 1px solid #C3C3C3;
  transition: 0.3s all ease;
}
@media (max-width: 600px) {
  .educational_programs .program_types form .date input, .seminar_section .program_types form .date input, .consultaion_section .program_types form .date input, .legal_advice .program_types form .date input, .volunter_section .program_types form .date input,
  .volunter_seeking_section .program_types form .date input, .social_internship .program_types form .date input, .president_doundation .program_types form .date input {
    width: 100%;
  }
}
.educational_programs .program_types form .date input:hover, .seminar_section .program_types form .date input:hover, .consultaion_section .program_types form .date input:hover, .legal_advice .program_types form .date input:hover, .volunter_section .program_types form .date input:hover,
.volunter_seeking_section .program_types form .date input:hover, .social_internship .program_types form .date input:hover, .president_doundation .program_types form .date input:hover {
  border-color: #F26176;
}
.educational_programs .program_types form .date input:focus, .seminar_section .program_types form .date input:focus, .consultaion_section .program_types form .date input:focus, .legal_advice .program_types form .date input:focus, .volunter_section .program_types form .date input:focus,
.volunter_seeking_section .program_types form .date input:focus, .social_internship .program_types form .date input:focus, .president_doundation .program_types form .date input:focus {
  outline: none;
}
.educational_programs .program_types form a, .seminar_section .program_types form a, .consultaion_section .program_types form a, .legal_advice .program_types form a, .volunter_section .program_types form a,
.volunter_seeking_section .program_types form a, .social_internship .program_types form a, .president_doundation .program_types form a {
  height: 100%;
  padding: 11px 20px 10px 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 93.515%;
}
.educational_programs .program_types .types_container, .seminar_section .program_types .types_container, .consultaion_section .program_types .types_container, .legal_advice .program_types .types_container, .volunter_section .program_types .types_container,
.volunter_seeking_section .program_types .types_container, .social_internship .program_types .types_container, .president_doundation .program_types .types_container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}
@media (max-width: 600px) {
  .educational_programs .program_types .types_container, .seminar_section .program_types .types_container, .consultaion_section .program_types .types_container, .legal_advice .program_types .types_container, .volunter_section .program_types .types_container,
  .volunter_seeking_section .program_types .types_container, .social_internship .program_types .types_container, .president_doundation .program_types .types_container {
    gap: 10px;
  }
}
.educational_programs .program_types .types_container .item, .seminar_section .program_types .types_container .item, .consultaion_section .program_types .types_container .item, .legal_advice .program_types .types_container .item, .volunter_section .program_types .types_container .item,
.volunter_seeking_section .program_types .types_container .item, .social_internship .program_types .types_container .item, .president_doundation .program_types .types_container .item {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  display: flex;
  gap: 50px;
}
@media (max-width: 768px) {
  .educational_programs .program_types .types_container .item, .seminar_section .program_types .types_container .item, .consultaion_section .program_types .types_container .item, .legal_advice .program_types .types_container .item, .volunter_section .program_types .types_container .item,
  .volunter_seeking_section .program_types .types_container .item, .social_internship .program_types .types_container .item, .president_doundation .program_types .types_container .item {
    padding: 20px 15px 15px 15px;
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .educational_programs .program_types .types_container .item, .seminar_section .program_types .types_container .item, .consultaion_section .program_types .types_container .item, .legal_advice .program_types .types_container .item, .volunter_section .program_types .types_container .item,
  .volunter_seeking_section .program_types .types_container .item, .social_internship .program_types .types_container .item, .president_doundation .program_types .types_container .item {
    flex-direction: column;
  }
}
.educational_programs .program_types .types_container .item .image, .seminar_section .program_types .types_container .item .image, .consultaion_section .program_types .types_container .item .image, .legal_advice .program_types .types_container .item .image, .volunter_section .program_types .types_container .item .image,
.volunter_seeking_section .program_types .types_container .item .image, .social_internship .program_types .types_container .item .image, .president_doundation .program_types .types_container .item .image {
  width: 255px;
  height: 255px;
  overflow: hidden;
  border-radius: 20px;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .educational_programs .program_types .types_container .item .image, .seminar_section .program_types .types_container .item .image, .consultaion_section .program_types .types_container .item .image, .legal_advice .program_types .types_container .item .image, .volunter_section .program_types .types_container .item .image,
  .volunter_seeking_section .program_types .types_container .item .image, .social_internship .program_types .types_container .item .image, .president_doundation .program_types .types_container .item .image {
    width: 100%;
  }
}
.educational_programs .program_types .types_container .item .image img, .seminar_section .program_types .types_container .item .image img, .consultaion_section .program_types .types_container .item .image img, .legal_advice .program_types .types_container .item .image img, .volunter_section .program_types .types_container .item .image img,
.volunter_seeking_section .program_types .types_container .item .image img, .social_internship .program_types .types_container .item .image img, .president_doundation .program_types .types_container .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.educational_programs .program_types .types_container .item .about_program .header, .seminar_section .program_types .types_container .item .about_program .header, .consultaion_section .program_types .types_container .item .about_program .header, .legal_advice .program_types .types_container .item .about_program .header, .volunter_section .program_types .types_container .item .about_program .header,
.volunter_seeking_section .program_types .types_container .item .about_program .header, .social_internship .program_types .types_container .item .about_program .header, .president_doundation .program_types .types_container .item .about_program .header {
  display: flex;
  justify-content: space-between;
}
.educational_programs .program_types .types_container .item .about_program .header .title h4, .seminar_section .program_types .types_container .item .about_program .header .title h4, .consultaion_section .program_types .types_container .item .about_program .header .title h4, .legal_advice .program_types .types_container .item .about_program .header .title h4, .volunter_section .program_types .types_container .item .about_program .header .title h4,
.volunter_seeking_section .program_types .types_container .item .about_program .header .title h4, .social_internship .program_types .types_container .item .about_program .header .title h4, .president_doundation .program_types .types_container .item .about_program .header .title h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 93.515%;
  margin-bottom: 15px;
  font-family: "daysone";
}
.educational_programs .program_types .types_container .item .about_program .header .title p, .seminar_section .program_types .types_container .item .about_program .header .title p, .consultaion_section .program_types .types_container .item .about_program .header .title p, .legal_advice .program_types .types_container .item .about_program .header .title p, .volunter_section .program_types .types_container .item .about_program .header .title p,
.volunter_seeking_section .program_types .types_container .item .about_program .header .title p, .social_internship .program_types .types_container .item .about_program .header .title p, .president_doundation .program_types .types_container .item .about_program .header .title p {
  line-height: 93.515%;
  font-size: 16px;
  width: 80%;
}
.educational_programs .program_types .types_container .item .about_program .body, .seminar_section .program_types .types_container .item .about_program .body, .consultaion_section .program_types .types_container .item .about_program .body, .legal_advice .program_types .types_container .item .about_program .body, .volunter_section .program_types .types_container .item .about_program .body,
.volunter_seeking_section .program_types .types_container .item .about_program .body, .social_internship .program_types .types_container .item .about_program .body, .president_doundation .program_types .types_container .item .about_program .body {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.educational_programs .program_types .types_container .item .about_program .body .program_name, .educational_programs .program_types .types_container .item .about_program .body .date, .seminar_section .program_types .types_container .item .about_program .body .program_name, .seminar_section .program_types .types_container .item .about_program .body .date, .consultaion_section .program_types .types_container .item .about_program .body .program_name, .consultaion_section .program_types .types_container .item .about_program .body .date, .legal_advice .program_types .types_container .item .about_program .body .program_name, .legal_advice .program_types .types_container .item .about_program .body .date, .volunter_section .program_types .types_container .item .about_program .body .program_name, .volunter_section .program_types .types_container .item .about_program .body .date,
.volunter_seeking_section .program_types .types_container .item .about_program .body .program_name,
.volunter_seeking_section .program_types .types_container .item .about_program .body .date, .social_internship .program_types .types_container .item .about_program .body .program_name, .social_internship .program_types .types_container .item .about_program .body .date, .president_doundation .program_types .types_container .item .about_program .body .program_name, .president_doundation .program_types .types_container .item .about_program .body .date {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.educational_programs .program_types .types_container .item .about_program .body .program_name span, .educational_programs .program_types .types_container .item .about_program .body .date span, .seminar_section .program_types .types_container .item .about_program .body .program_name span, .seminar_section .program_types .types_container .item .about_program .body .date span, .consultaion_section .program_types .types_container .item .about_program .body .program_name span, .consultaion_section .program_types .types_container .item .about_program .body .date span, .legal_advice .program_types .types_container .item .about_program .body .program_name span, .legal_advice .program_types .types_container .item .about_program .body .date span, .volunter_section .program_types .types_container .item .about_program .body .program_name span, .volunter_section .program_types .types_container .item .about_program .body .date span,
.volunter_seeking_section .program_types .types_container .item .about_program .body .program_name span,
.volunter_seeking_section .program_types .types_container .item .about_program .body .date span, .social_internship .program_types .types_container .item .about_program .body .program_name span, .social_internship .program_types .types_container .item .about_program .body .date span, .president_doundation .program_types .types_container .item .about_program .body .program_name span, .president_doundation .program_types .types_container .item .about_program .body .date span {
  font-size: 16px;
  font-weight: 500;
  line-height: 93.515%;
}
.educational_programs .program_types .types_container .item .about_program .body .program_name p, .educational_programs .program_types .types_container .item .about_program .body .date p, .seminar_section .program_types .types_container .item .about_program .body .program_name p, .seminar_section .program_types .types_container .item .about_program .body .date p, .consultaion_section .program_types .types_container .item .about_program .body .program_name p, .consultaion_section .program_types .types_container .item .about_program .body .date p, .legal_advice .program_types .types_container .item .about_program .body .program_name p, .legal_advice .program_types .types_container .item .about_program .body .date p, .volunter_section .program_types .types_container .item .about_program .body .program_name p, .volunter_section .program_types .types_container .item .about_program .body .date p,
.volunter_seeking_section .program_types .types_container .item .about_program .body .program_name p,
.volunter_seeking_section .program_types .types_container .item .about_program .body .date p, .social_internship .program_types .types_container .item .about_program .body .program_name p, .social_internship .program_types .types_container .item .about_program .body .date p, .president_doundation .program_types .types_container .item .about_program .body .program_name p, .president_doundation .program_types .types_container .item .about_program .body .date p {
  font-size: 16px;
  line-height: 93.515%;
}
.educational_programs .program_types .types_container .item .about_program a, .seminar_section .program_types .types_container .item .about_program a, .consultaion_section .program_types .types_container .item .about_program a, .legal_advice .program_types .types_container .item .about_program a, .volunter_section .program_types .types_container .item .about_program a,
.volunter_seeking_section .program_types .types_container .item .about_program a, .social_internship .program_types .types_container .item .about_program a, .president_doundation .program_types .types_container .item .about_program a {
  margin-top: 15px;
  width: fit-content;
  justify-self: flex-end;
  padding: 12px 72px;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .educational_programs .program_types .types_container .item .about_program a, .seminar_section .program_types .types_container .item .about_program a, .consultaion_section .program_types .types_container .item .about_program a, .legal_advice .program_types .types_container .item .about_program a, .volunter_section .program_types .types_container .item .about_program a,
  .volunter_seeking_section .program_types .types_container .item .about_program a, .social_internship .program_types .types_container .item .about_program a, .president_doundation .program_types .types_container .item .about_program a {
    display: flex;
    justify-self: flex-start;
    margin-top: 35px;
    display: block;
  }
}
.educational_programs .program_types .types_container .view_all, .seminar_section .program_types .types_container .view_all, .consultaion_section .program_types .types_container .view_all, .legal_advice .program_types .types_container .view_all, .volunter_section .program_types .types_container .view_all,
.volunter_seeking_section .program_types .types_container .view_all, .social_internship .program_types .types_container .view_all, .president_doundation .program_types .types_container .view_all {
  width: fit-content;
  padding: 20px 101px;
  font-size: 16px;
  font-weight: 500;
  margin: 0 auto;
  border-radius: 40px;
}
@media (max-width: 600px) {
  .educational_programs .program_types .types_container .view_all, .seminar_section .program_types .types_container .view_all, .consultaion_section .program_types .types_container .view_all, .legal_advice .program_types .types_container .view_all, .volunter_section .program_types .types_container .view_all,
  .volunter_seeking_section .program_types .types_container .view_all, .social_internship .program_types .types_container .view_all, .president_doundation .program_types .types_container .view_all {
    width: 100%;
    text-align: center;
    padding: 11px 0;
  }
}

.seminar_section .container {
  background: #fff;
}
.seminar_section h3 {
  width: 100%;
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: 400;
  font-family: "daysone";
}
.seminar_section .seminar_days {
  display: flex;
  gap: 0 30px;
  margin-top: 50px;
}
@media (max-width: 800px) {
  .seminar_section .seminar_days {
    flex-direction: column;
    gap: 10px;
  }
}
.seminar_section .seminar_days .item {
  padding: 35px 30px 30px 30px;
  border: 1px solid #C3C3C3;
  border-radius: 20px;
}
@media (max-width: 800px) {
  .seminar_section .seminar_days .item {
    padding: 20px 15px 15px 15px;
  }
}
.seminar_section .seminar_days .item .title {
  font-size: 32px;
  font-weight: 400;
  font-family: "daysone";
  border-radius: 20px;
  border: 1px solid #B51241;
  background: #F26176;
  margin-bottom: 15px;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  width: 100%;
}
@media (max-width: 576px) {
  .seminar_section .seminar_days .item .title {
    padding: 8px 0;
    font-size: 24px;
    line-height: 93.5%;
  }
}
.seminar_section .seminar_days .item .number {
  display: flex;
  gap: 0 15px;
  margin-top: 15px;
}
.seminar_section .seminar_days .item .number span {
  font-size: 16px;
  font-weight: 500;
  color: #F26176;
}
.seminar_section .seminar_days .item .number p {
  font-size: 16px;
}
.seminar_section .conditions {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 0 30px;
}
.seminar_section .conditions .swiper {
  display: flex;
  width: 100%;
}
@media (max-width: 800px) {
  .seminar_section .conditions .swiper {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.seminar_section .conditions .swiper-slide {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  height: unset;
}
.seminar_section .conditions .swiper-slide h5 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.seminar_section .conditions .swiper-slide p {
  font-size: 16px;
}
.seminar_section .conditions .condition-pagination {
  margin-top: 20px;
  display: none;
  height: 13px;
}
@media (max-width: 800px) {
  .seminar_section .conditions .condition-pagination {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
}
.seminar_section .conditions .condition-pagination .swiper-pagination-bullet {
  background-color: #717171;
  width: 10px;
  height: 10px;
}
.seminar_section .conditions .condition-pagination .swiper-pagination-bullet-active {
  background-color: #717171;
  height: 13px;
  width: 13px;
}
.seminar_section .experts {
  margin-top: 50px;
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  position: relative;
}
@media (max-width: 768px) {
  .seminar_section .experts {
    padding: 20px 15px 15px 15px;
  }
}
.seminar_section .experts .experts_swiper {
  position: relative;
}
.seminar_section .experts .experts_swiper .swiper {
  margin-top: 30px;
}
.seminar_section .experts .experts_swiper .swiper .swiper-wrapper {
  display: flex;
  align-items: flex-end;
}
.seminar_section .experts .experts_swiper .swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  padding: 35px 30px 30px 30px;
  background-color: #F6F6F6;
  border: 1px solid #C3C3C3;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: 0.3s all ease;
}
.seminar_section .experts .experts_swiper .swiper .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
}
.seminar_section .experts .experts_swiper .swiper .swiper-slide-prev {
  transform: scale(0.75);
  opacity: 0.6;
}
.seminar_section .experts .experts_swiper .swiper .swiper-slide-next {
  transform: scale(0.75);
  opacity: 0.6;
}
.seminar_section .experts .experts_swiper .swiper .swiper-slide .image {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 30px;
}
.seminar_section .experts .experts_swiper .swiper .swiper-slide .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.seminar_section .experts .experts_swiper .swiper .swiper-slide h5 {
  font-size: 20px;
  font-weight: 400;
  margin-top: 0;
  text-align: center;
  margin-bottom: -15px;
}
.seminar_section .experts .experts_swiper .swiper .swiper-slide p {
  font-size: 16px;
  margin-top: 30px;
  text-align: center;
}
.seminar_section .experts .experts_swiper .swiper .swiper-slide-active {
  background-color: #B51241;
  color: #fff;
}
.seminar_section .experts .experts_swiper .expertSwiper-next {
  position: absolute;
  right: -25px;
  top: 40%;
  z-index: 10;
}
@media (max-width: 576px) {
  .seminar_section .experts .experts_swiper .expertSwiper-next {
    display: none;
  }
}
.seminar_section .experts .experts_swiper .expertSwiper-prev {
  position: absolute;
  left: -25px;
  top: 40%;
  z-index: 10;
}
@media (max-width: 576px) {
  .seminar_section .experts .experts_swiper .expertSwiper-prev {
    display: none;
  }
}
.seminar_section .experts .experts_swiper .expertPagination {
  display: none;
  margin: 20px 0px;
  height: 13px;
}
.seminar_section .experts .experts_swiper .expertPagination .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  transition: 0.3s all ease;
}
.seminar_section .experts .experts_swiper .expertPagination .swiper-pagination-bullet-active {
  height: 13px;
  width: 13px;
  background-color: #717171;
}
@media (max-width: 566px) {
  .seminar_section .experts .experts_swiper .expertPagination {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
}
.seminar_section .support_form {
  margin-top: 50px;
  padding: 35px 30px 35px 30px;
  border-radius: 20px;
  border: 1px solid #B26500;
  max-width: 730px;
  margin: 50px auto 50px auto;
  border-radius: 20px;
  border: 1px solid #B51241;
  background: #F26176;
}
@media (max-width: 800px) {
  .seminar_section .support_form {
    width: 100%;
    max-width: unset;
    padding: 20px 15px 15px 15px;
  }
}
.seminar_section .support_form h3 {
  margin-bottom: 15px;
  color: #fff;
}
.seminar_section .support_form p {
  font-size: 16px;
}
.seminar_section .support_form .data_inputs {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 30px;
  margin-top: 30px;
}
.seminar_section .support_form .data_inputs input {
  width: calc(50% - 15px);
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  font-size: 16px;
  padding: 10px 15px 11px 15px;
}
@media (max-width: 800px) {
  .seminar_section .support_form .data_inputs input {
    width: 100%;
  }
}
.seminar_section .support_form .data_inputs input:focus {
  outline: none;
  border-color: #EFB662;
}
.seminar_section .support_form .data_inputs input:hover {
  border-color: #EFB662;
}
.seminar_section .support_form .data_inputs input::placeholder {
  color: #9E9E9E;
}
.seminar_section .support_form .data_inputs .organisation {
  width: calc(50% - 15px);
}
@media (max-width: 800px) {
  .seminar_section .support_form .data_inputs .organisation {
    width: 100%;
  }
}
.seminar_section .support_form .data_inputs .organisation input {
  width: 100%;
}
.seminar_section .support_form .data_inputs .email {
  width: calc(50% - 15px);
  position: relative;
}
@media (max-width: 800px) {
  .seminar_section .support_form .data_inputs .email {
    width: 100%;
  }
}
.seminar_section .support_form .data_inputs .email:hover svg path {
  fill: #F26176;
}
.seminar_section .support_form .data_inputs .email input {
  width: 100%;
}
.seminar_section .support_form .data_inputs .email svg {
  position: absolute;
  top: 12px;
  right: 15px;
}
.seminar_section .support_form .data_inputs .email svg path {
  transition: 0.3s all ease;
}
.seminar_section .support_form .data_inputs .phone-input-container {
  width: calc(50% - 15px);
  font-size: 16px;
  position: relative;
}
@media (max-width: 800px) {
  .seminar_section .support_form .data_inputs .phone-input-container {
    width: 100%;
  }
}
.seminar_section .support_form .data_inputs .phone-input-container:hover input {
  border-color: #EFB662;
}
.seminar_section .support_form .data_inputs .phone-input-container:hover svg path {
  fill: #F26176;
}
.seminar_section .support_form .data_inputs .phone-input-container .iti {
  width: 100%;
}
.seminar_section .support_form .data_inputs .phone-input-container .iti input {
  width: 100%;
  padding-left: 55px !important;
}
.seminar_section .support_form .data_inputs .phone-input-container .iti .iti__selected-flag {
  border-radius: 20px 0 0 20px;
}
.seminar_section .support_form .data_inputs .phone-input-container .iti .iti__selected-dial-code {
  display: none;
}
.seminar_section .support_form .data_inputs .phone-input-container svg {
  position: absolute;
  top: 12px;
  right: 15px;
}
.seminar_section .support_form .data_inputs .phone-input-container svg path {
  transition: 0.3s all ease;
}
.seminar_section .support_form .data_inputs .feedback {
  width: 100%;
  position: relative;
}
.seminar_section .support_form .data_inputs .feedback textarea {
  width: 100%;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  padding: 25px;
  font-size: 16px;
}
.seminar_section .support_form .data_inputs .feedback span {
  position: absolute;
  top: -9px;
  left: 20px;
  padding: 0 5px;
  background-color: #fff;
  font-size: 12px;
  color: #9E9E9E;
}
.seminar_section .support_form .data_inputs .cntr {
  width: 100%;
}
.seminar_section .support_form .data_inputs .cntr p {
  font-size: 12px;
  color: #fff;
  width: 70%;
}
@media (max-width: 576px) {
  .seminar_section .support_form .data_inputs .cntr p {
    width: 100%;
  }
}
.seminar_section .support_form .data_inputs .cntr p a {
  color: #fff;
  font-weight: 500;
}
.seminar_section .support_form .data_inputs .cntr #cbx:checked ~ .cbx {
  background: none;
  border: 1px solid #fff;
}
.seminar_section .support_form .data_inputs .cntr label {
  width: 22px !important;
  border-color: #fff;
}
.seminar_section .support_form .data_inputs button {
  width: 100%;
  border: none;
  margin-top: 30px;
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 500;
  padding: 21px 0;
}
.seminar_section .support_form .data_inputs button:hover {
  color: #F26176;
  background-color: #fff;
}

h1.consul_h1 {
  width: 50% !important;
}

.consultaion_section .container {
  background-color: #fff;
}
.consultaion_section .consultation_types {
  margin-top: 50px;
}
.consultaion_section .consultation_types form {
  display: flex;
  gap: 20px 30px;
  flex-wrap: wrap;
}
.consultaion_section .consultation_types form .nice-select {
  width: 250px;
  font-size: 14px;
  transition: 0.3s all ease;
}
@media (max-width: 600px) {
  .consultaion_section .consultation_types form .nice-select {
    width: 100%;
  }
}
.consultaion_section .consultation_types form .nice-select:hover {
  border-color: #F26176;
}
.consultaion_section .consultation_types form .nice-select:nth-child(2) {
  width: 300px;
}
@media (max-width: 576px) {
  .consultaion_section .consultation_types form .nice-select:nth-child(2) {
    width: 100%;
  }
}
.consultaion_section .consultation_types form a,.consultaion_section .consultation_types form button {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 93.515%;
  height: 100%;
  padding: 11px 20px 10px 20px;
}

.consultaion_section .consultation_types form button {
  background: none;
}

.consultaion_section .consultation_types form  button span{
  width: 12px;
  line-height: 12px;
  height: 12px;
}

.consultaion_section .consultation_types form  button span svg{
  width: 12px;
  line-height: 12px;
  height: 12px;
  color: #F68624;
}

.consultaion_section .consultation_types form  button:hover {
  background: #F68624;
  color: #fff;
}

.consultaion_section .consultation_types form  button:hover span svg{
  color: #fff;
}

.consultaion_section .consultation_types .types {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .consultaion_section .consultation_types .types {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.consultaion_section .consultation_types .types .item {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  width: calc(50% - 15px);
}
@media (max-width: 768px) {
  .consultaion_section .consultation_types .types .item {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .consultaion_section .consultation_types .types .item {
    padding: 20px 15px 15px 15px;
  }
}
.consultaion_section .consultation_types .types .item h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 93.515%;
  font-family: "daysone";
}
.consultaion_section .consultation_types .types .item .about {
  margin-top: 60px;
  display: flex;
  gap: 0 22px;
  align-items: flex-end;
}
@media (max-width: 576px) {
  .consultaion_section .consultation_types .types .item .about {
    margin-top: 30px;
    flex-direction: column;
    gap: 30px;
  }
}
.consultaion_section .consultation_types .types .item .about p {
  font-size: 16px;
}
.consultaion_section .consultation_types .types .item .about a {
  width: fit-content;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
  height: fit-content;
}

.legal_advice_title {
  width: 70%;
}
@media (max-width: 1155px) {
  .legal_advice_title {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .legal_advice_title {
    font-size: 30px !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 480px) {
  .legal_advice_img {
    margin-bottom: -15px;
  }
}

@media (max-width: 576px) {
  .legal_advice h3 {
    font-size: 24px !important;
    line-height: 93.5% !important;
  }
}
.legal_advice .title h2 {
  width: 80%;
}
.legal_advice .service_steps {
  margin-top: 50px;
}
.legal_advice .service_steps h3 {
  font-family: "daysone";
  font-size: 32px;
  font-weight: 400;
}
.legal_advice .service_steps .steps_container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .legal_advice .service_steps .steps_container {
    gap: 10px;
  }
}
.legal_advice .service_steps .steps_container .item {
  display: flex;
  align-items: center;
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  gap: 0 32px;
  transition: 0.3s all ease;
}
@media (max-width: 768px) {
  .legal_advice .service_steps .steps_container .item {
    padding: 20px 15px 15px 15px;
  }
}
@media (max-width: 576px) {
  .legal_advice .service_steps .steps_container .item {
    gap: 15px;
  }
}
.legal_advice .service_steps .steps_container .item svg {
  width: 59px;
  height: 47px;
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .legal_advice .service_steps .steps_container .item svg {
    width: 33px;
    height: 33px;
  }
}
.legal_advice .service_steps .steps_container .item:first-child svg path {
  transition: 0.3s all ease;
  fill: #717171;
}
.legal_advice .service_steps .steps_container .item:hover {
  border-radius: 20px;
  border: 1px solid #B51241;
  background: #F26176;
  background-image: url(../images/steps-bg.png);
  background-size: cover;
}
.legal_advice .service_steps .steps_container .item:hover svg path {
  fill: #fff;
}
.legal_advice .service_steps .steps_container .item:hover p {
  color: #fff;
}
.legal_advice .service_steps .steps_container .item span {
  font-size: 60px;
  font-family: "daysone";
}
.legal_advice .service_steps .steps_container .item p {
  font-size: 20px;
  color: #717171;
  font-weight: 500;
}
@media (max-width: 576px) {
  .legal_advice .service_steps .steps_container .item p {
    font-size: 16px;
  }
}
.legal_advice .questions .accordion-item {
  border-color: #F26176;
}
.legal_advice .questions .accordion .accordion-button {
  background: #F26176;
}
.legal_advice .contact_us .container {
  background: #F26176;
}
.legal_advice .contact_us .container .buttons a {
  color: #F26176;
  border-color: #F26176;
}
.legal_advice .contact_us .container .buttons a:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.legal_advice .contact_us .container .right_side input:hover {
  border-color: #f53652;
}
.legal_advice .contact_us .container .right_side .email:hover svg path {
  fill: #F26176;
}
.legal_advice .contact_us .container .right_side .phone-input-container:hover svg path {
  fill: #F26176;
}
.legal_advice .contact_us .container .right_side .cntr label {
  border-color: #F26176;
}
.legal_advice .contact_us .container .right_side .cntr label::after {
  border-color: #F26176;
}
.legal_advice .contact_us .container .right_side button {
  border-radius: 40px;
}
.legal_advice .contact_us .container .right_side button:hover {
  color: #F26176;
}

h1.volunter_h1 {
  width: 50% !important;
}

.volunter_section .container {
  background: #fff;
}
.volunter_section .title h2 {
  width: 80%;
}
@media (max-width: 600px) {
  .volunter_section .title h2 {
    width: 100%;
  }
}
.volunter_section .be_volunteer {
  margin-top: 50px;
}
.volunter_section .be_volunteer form {
  display: flex;
  gap: 20px 30px;
}
@media (max-width: 600px) {
  .volunter_section .be_volunteer form {
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .volunter_section .be_volunteer form {
    gap: 10px;
  }
}
.volunter_section .be_volunteer form .nice-select {
  font-size: 14px;
  width: 250px;
}
@media (max-width: 600px) {
  .volunter_section .be_volunteer form .nice-select {
    width: calc(50% - 15px);
  }
}
@media (max-width: 480px) {
  .volunter_section .be_volunteer form .nice-select {
    width: 100%;
  }
}
.volunter_section .be_volunteer form .nice-select:hover {
  border-color: #F26176;
}
.volunter_section .be_volunteer form a {
  height: auto;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 20px;
}
@media (max-width: 480px) {
  .volunter_section .be_volunteer form a {
    width: 100%;
    justify-content: center;
  }
}
.volunter_section .animat_funds {
  margin-top: 50px;
}
.volunter_section .animat_funds .funds_container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 768px) {
  .volunter_section .animat_funds .funds_container {
    width: 100%;
    gap: 10px;
  }
}
.volunter_section .animat_funds .item {
  width: calc(50% - 15px);
  padding: 35px 30px 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 20px;
  border: 1px solid #c3c3c3;
}
@media (max-width: 768px) {
  .volunter_section .animat_funds .item {
    width: 100%;
    padding: 20px 15px 15px 15px;
  }
}
.volunter_section .animat_funds .item .header {
  display: flex;
  gap: 0 15px;
  align-items: center;
}
.volunter_section .animat_funds .item .header .image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #F26176;
  flex-shrink: 0;
}
.volunter_section .animat_funds .item .header h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 93.515%;
  font-family: "daysone";
  width: 278px;
}
.volunter_section .animat_funds .item .header img {
  margin-top: -20px;
}
.volunter_section .animat_funds .item .body {
  font-size: 16px;
}
.volunter_section .animat_funds .item .bottom {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 576px) {
  .volunter_section .animat_funds .item .bottom {
    flex-direction: column;
  }
}
.volunter_section .animat_funds .item .bottom .address {
  display: flex;
  align-items: center;
  gap: 0 5px;
}
.volunter_section .animat_funds .item .bottom a {
  font-size: 12px;
  font-weight: 500;
  padding: 11px 20px 10px 20px;
}
@media (max-width: 480px) {
  .volunter_section .animat_funds .item .bottom a {
    margin-top: 30px;
    width: fit-content;
  }
}
.volunter_section .animat_funds .view_all {
  width: fit-content;
  font-size: 16px;
  font-weight: 500;
  padding: 20px 100px;
  margin: 0 auto;
  margin-top: 30px;
  border-radius: 40px;
}
@media (max-width: 600px) {
  .volunter_section .animat_funds .view_all {
    padding: 11px 0;
    text-align: center;
    width: 100%;
  }
}

#beVolunterModal .modal-content .modal-body h3 {
  font-size: 32px;
  font-family: "daysone";
  font-weight: 400;
}
#beVolunterModal .modal-content .modal-body input {
  display: block;
  width: 100%;
  padding: 10px 15px 11px 15px;
  border-radius: 25px;
  border: 1px solid #C3C3C3;
  font-size: 16px;
  margin-bottom: 15px;
  transition: 0.3s all ease;
}
#beVolunterModal .modal-content .modal-body input:focus {
  outline: none;
  border-color: #F26176;
}
#beVolunterModal .modal-content .modal-body input:hover {
  border-color: #F26176;
}
#beVolunterModal .modal-content .modal-body .email, #beVolunterModal .modal-content .modal-body .phone-input-container {
  position: relative;
  transition: 0.3s all ease;
}
#beVolunterModal .modal-content .modal-body .email:hover svg path, #beVolunterModal .modal-content .modal-body .phone-input-container:hover svg path {
  fill: #F26176;
}
#beVolunterModal .modal-content .modal-body .email svg, #beVolunterModal .modal-content .modal-body .phone-input-container svg {
  position: absolute;
  right: 15px;
  top: 12px;
}
#beVolunterModal .modal-content .modal-body .email svg path, #beVolunterModal .modal-content .modal-body .phone-input-container svg path {
  transition: 0.3s all ease;
}
#beVolunterModal .modal-content .modal-body .iti {
  width: 100%;
  font-size: 16px;
  margin-bottom: 15px;
}
#beVolunterModal .modal-content .modal-body .iti input {
  width: 100%;
}
#beVolunterModal .modal-content .modal-body .iti .iti__selected-flag {
  border-radius: 20px 0 0 20px;
}
#beVolunterModal .modal-content .modal-body .iti .iti__selected-dial-code {
  display: none;
}
#beVolunterModal .modal-content .modal-body .new, #beVolunterModal .modal-content .modal-body .time {
  position: relative;
}
#beVolunterModal .modal-content .modal-body .new span, #beVolunterModal .modal-content .modal-body .time span {
  position: absolute;
  top: -10px;
  left: 25px;
  padding: 0 5px;
  background-color: #fff;
  font-size: 12px;
  color: #9E9E9E;
}
#beVolunterModal .modal-content .modal-body .cntr {
  margin-top: -15px;
}
#beVolunterModal .modal-content .modal-body .cntr #cbx:checked ~ .cbx {
  background: #F26176;
}
#beVolunterModal .modal-content .modal-body .cntr p {
  font-size: 12px;
}
#beVolunterModal .modal-content .modal-body .cntr p a {
  color: #F26176;
}
#beVolunterModal .modal-content .modal-body button {
  padding: 21px 0;
  margin-top: 30px;
  border-radius: 40px;
}

.volunter_seeking_section .container {
  background: #fff;
}
.volunter_seeking_section .avilable_volunters {
  margin-top: 50px;
}
.volunter_seeking_section .avilable_volunters h3 {
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 400;
  font-family: "daysone";
}
@media (max-width: 768px) {
  .volunter_seeking_section .avilable_volunters h3 {
    font: 24px;
    line-height: 93.5%;
  }
}
.volunter_seeking_section .avilable_volunters .volunters_container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 920px) {
  .volunter_seeking_section .avilable_volunters .volunters_container {
    flex-direction: column-reverse;
  }
}
.volunter_seeking_section .avilable_volunters .volunters_container .left_side {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: calc(74% - 15px);
}
@media (max-width: 920px) {
  .volunter_seeking_section .avilable_volunters .volunters_container .left_side {
    width: 100%;
    gap: 10px;
  }
}
.volunter_seeking_section .avilable_volunters .volunters_container .left_side .item {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  width: 100%;
  display: flex;
  gap: 0 30px;
}
@media (max-width: 576px) {
  .volunter_seeking_section .avilable_volunters .volunters_container .left_side .item {
    padding: 20px 15px 15px 15px;
    gap: 15px;
  }
}
.volunter_seeking_section .avilable_volunters .volunters_container .left_side .item .image {
  width: 100px;
  border-radius: 50%;
  background: #F26176;
  flex-shrink: 0;
}
@media (max-width: 820px) {
  .volunter_seeking_section .avilable_volunters .volunters_container .left_side .item .image {
    width: 50px;
    height: 50px;
  }
}
.volunter_seeking_section .avilable_volunters .volunters_container .left_side .item .about {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.volunter_seeking_section .avilable_volunters .volunters_container .left_side .item .about .address {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.volunter_seeking_section .avilable_volunters .volunters_container .left_side .item .action {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.volunter_seeking_section .avilable_volunters .volunters_container .left_side .item .action .star {
  display: flex;
  align-items: center;
  gap: 0 5px;
  padding: 3px 5px;
  border-radius: 20px;
  border: 1px solid #9E9E9E;
  width: fit-content;
}
.volunter_seeking_section .avilable_volunters .volunters_container .left_side .item .action .star img {
  width: 20px;
}
.volunter_seeking_section .avilable_volunters .volunters_container .left_side .item .action .star span {
  font-size: 16px;
}
.volunter_seeking_section .avilable_volunters .volunters_container .left_side .item .action a {
  padding: 11px 20px 10px 20px;
  font-size: 12px;
  font-weight: 500;
}
.volunter_seeking_section .avilable_volunters .volunters_container .right_side {
  width: calc(26% - 15px);
}
@media (max-width: 920px) {
  .volunter_seeking_section .avilable_volunters .volunters_container .right_side {
    width: 100%;
  }
}
.volunter_seeking_section .avilable_volunters .volunters_container .right_side h4 {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 93.515%;
  font-family: "daysone";
  margin-bottom: 30px;
}
.volunter_seeking_section .avilable_volunters .volunters_container .right_side p {
  font-size: 16px;
  margin-bottom: 10px;
}
.volunter_seeking_section .avilable_volunters .volunters_container .right_side .search {
  position: relative;
  margin-bottom: 20px;
}
.volunter_seeking_section .avilable_volunters .volunters_container .right_side .search input {
  padding: 11px 15px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  width: 100%;
}
.volunter_seeking_section .avilable_volunters .volunters_container .right_side .search img {
  position: absolute;
  top: 10px;
  right: 15px;
}
.volunter_seeking_section .avilable_volunters .volunters_container .right_side h5 {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 93.515%;
  margin-bottom: 10px;
}
.volunter_seeking_section .avilable_volunters .volunters_container .right_side .nice-select {
  height: 40px;
  padding: 0 15px;
  width: 100%;
  border-radius: 20px;
  margin-bottom: 20px;
  font-size: 16px;
}
@media (max-width: 480px) {
  .volunter_seeking_section .avilable_volunters .volunters_container .right_side .nice-select {
    width: 100%;
  }
}
.volunter_seeking_section .avilable_volunters .volunters_container .right_side button {
  padding: 11px 0 10px 0;
  width: 100%;
  text-align: center;
  color: #F26176;
  font-weight: 500;
  font-size: 16px;
  background-color: transparent;
  transition: 0.3s all ease;
}
.volunter_seeking_section .avilable_volunters .volunters_container .right_side button:hover {
  background-color: #F26176;
  color: #fff;
}
.volunter_seeking_section .view_all {
  padding: 21px 95px;
  font-size: 16px;
  font-weight: 500;
  margin: 0 auto;
  width: fit-content;
  margin-top: 20px;
  border-radius: 40px;
}
@media (max-width: 576px) {
  .volunter_seeking_section .view_all {
    padding: 11px 0;
    width: 100%;
    text-align: center;
  }
}
.volunter_seeking_section .volunter_request_form {
  margin-top: 50px;
}
.volunter_seeking_section .volunter_request_form h3 {
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 400;
  font-family: "daysone";
}
@media (max-width: 768px) {
  .volunter_seeking_section .volunter_request_form h3 {
    font-size: 24px;
    line-height: 93.5%;
  }
}
.volunter_seeking_section .volunter_request_form form {
  display: flex;
  gap: 0 90px;
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #F26176;
}
@media (max-width: 768px) {
  .volunter_seeking_section .volunter_request_form form {
    flex-direction: column;
    gap: 20px;
    padding: 20px 15px;
  }
}
.volunter_seeking_section .volunter_request_form form h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.volunter_seeking_section .volunter_request_form form .left_side {
  display: flex;
  flex-direction: column;
  width: calc(50% - 45px);
}
@media (max-width: 768px) {
  .volunter_seeking_section .volunter_request_form form .left_side {
    width: 100%;
  }
}
.volunter_seeking_section .volunter_request_form form .left_side label {
  position: relative;
  margin-bottom: 15px;
}
.volunter_seeking_section .volunter_request_form form .left_side label span {
  position: absolute;
  top: -8px;
  left: 20px;
  font-size: 12px;
  color: #9E9E9E;
  padding: 0 5px;
  background-color: #fff;
}
.volunter_seeking_section .volunter_request_form form .left_side label textarea {
  width: 100%;
  border-radius: 20px;
  border-color: #C3C3C3;
  padding: 10px 15px;
  font-size: 16px;
}
.volunter_seeking_section .volunter_request_form form .left_side .second textarea {
  height: 80px !important;
}
.volunter_seeking_section .volunter_request_form form .left_side input {
  padding: 11px 15px 10px 15px;
  font-size: 16px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  width: 100%;
}
.volunter_seeking_section .volunter_request_form form .left_side input:focus {
  outline: none;
  border-color: #F26176;
}
.volunter_seeking_section .volunter_request_form form .left_side input:hover {
  border-color: #F26176;
}
.volunter_seeking_section .volunter_request_form form .left_side h5 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 30px;
}
.volunter_seeking_section .volunter_request_form form .left_side .email, .volunter_seeking_section .volunter_request_form form .left_side .phone-input-container {
  position: relative;
  width: 100%;
  margin-top: 15px;
}
.volunter_seeking_section .volunter_request_form form .left_side .email svg, .volunter_seeking_section .volunter_request_form form .left_side .phone-input-container svg {
  position: absolute;
  top: 10px;
  right: 15px;
}
.volunter_seeking_section .volunter_request_form form .left_side .email svg path, .volunter_seeking_section .volunter_request_form form .left_side .phone-input-container svg path {
  transition: 0.3s all ease;
}
.volunter_seeking_section .volunter_request_form form .left_side .iti {
  width: 100%;
  font-size: 16px;
}
.volunter_seeking_section .volunter_request_form form .left_side .iti .iti__selected-flag {
  border-radius: 20px 0 0 20px;
}
.volunter_seeking_section .volunter_request_form form .left_side .iti .iti__selected-dial-code {
  display: none;
}
.volunter_seeking_section .volunter_request_form form .left_side .iti input {
  width: 100%;
  margin-bottom: 15px;
}
.volunter_seeking_section .volunter_request_form form .right_side {
  width: calc(50% - 45px);
}
@media (max-width: 768px) {
  .volunter_seeking_section .volunter_request_form form .right_side {
    width: 100%;
  }
}
.volunter_seeking_section .volunter_request_form form .right_side h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.volunter_seeking_section .volunter_request_form form .right_side .new, .volunter_seeking_section .volunter_request_form form .right_side .time {
  position: relative;
}
.volunter_seeking_section .volunter_request_form form .right_side .new span, .volunter_seeking_section .volunter_request_form form .right_side .time span {
  padding: 0 5px;
  font-size: 12px;
  color: #9E9E9E;
  position: absolute;
  top: -8px;
  left: 20px;
  background-color: #fff;
}
.volunter_seeking_section .volunter_request_form form .right_side .new input, .volunter_seeking_section .volunter_request_form form .right_side .time input {
  padding: 11px 15px 10px 15px;
  font-size: 16px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  width: 100%;
  margin-bottom: 15px;
}
.volunter_seeking_section .volunter_request_form form .right_side .new input:focus, .volunter_seeking_section .volunter_request_form form .right_side .time input:focus {
  outline: none;
  border-color: #F26176;
}
.volunter_seeking_section .volunter_request_form form .right_side .new input:hover, .volunter_seeking_section .volunter_request_form form .right_side .time input:hover {
  border-color: #F26176;
}
.volunter_seeking_section .volunter_request_form form .right_side .cntr p {
  font-size: 12px;
}
.volunter_seeking_section .volunter_request_form form .right_side .cntr p a {
  color: #F26176;
}
.volunter_seeking_section .volunter_request_form form .right_side .cntr #cbx:checked ~ .cbx {
  background: #F26176;
}
.volunter_seeking_section .volunter_request_form form .right_side button {
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  padding: 21px 0 20px 0;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .volunter_seeking_section .volunter_request_form form .right_side button {
    padding: 11px 0;
    width: 100%;
  }
}
.volunter_seeking_section .volunter_request_form form .right_side .image {
  margin: 0 auto;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .volunter_seeking_section .volunter_request_form form .right_side .image {
    margin-top: 20px;
  }
  .volunter_seeking_section .volunter_request_form form .right_side .image img {
    width: 180px;
  }
}

@media (max-width: 576px) {
  h1.social {
    font-size: 22px !important;
    line-height: 93.5%;
    width: 50% !important;
  }
}

.social_internship .title .text, .president_doundation .title .text {
  display: flex;
  gap: 0 30px;
  justify-content: space-between;
}
@media (max-width: 576px) {
  .social_internship .title .text, .president_doundation .title .text {
    flex-direction: column;
    gap: 20px;
  }
}
.social_internship .title .text p, .president_doundation .title .text p {
  font-size: 16px;
  width: 70%;
}
.social_internship .title .text a, .president_doundation .title .text a {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 11px;
  height: fit-content;
  text-align: center;
}
.social_internship .opportunities, .president_doundation .opportunities {
  margin-top: 50px;
  padding: 35px 30px 30px 30px;
  background-color: #F26176;
  background-image: url(../images/chances-bg.png);
  background-size: cover;
  border-radius: 20px;
}
@media (max-width: 576px) {
  .social_internship .opportunities, .president_doundation .opportunities {
    padding: 20px 15px 15px 15px;
  }
}
.social_internship .opportunities h3, .president_doundation .opportunities h3 {
  color: #fff;
}
.social_internship .opportunities .channces, .president_doundation .opportunities .channces {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.social_internship .opportunities .channces .item, .president_doundation .opportunities .channces .item {
  padding: 15px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: calc(20% - 16px);
  border-radius: 20px;
}
@media (max-width: 920px) {
  .social_internship .opportunities .channces .item, .president_doundation .opportunities .channces .item {
    width: calc(33.3333% - 15px);
  }
}
@media (max-width: 576px) {
  .social_internship .opportunities .channces .item, .president_doundation .opportunities .channces .item {
    width: 100%;
  }
}
.social_internship .opportunities .channces .item img, .president_doundation .opportunities .channces .item img {
  align-self: flex-end;
}
.social_internship .opportunities .channces .item p, .president_doundation .opportunities .channces .item p {
  font-size: 16px;
}
.social_internship .start_business, .president_doundation .start_business {
  margin-top: 50px;
}
.social_internship .start_business .types, .president_doundation .start_business .types {
  display: flex;
  gap: 20px 30px;
}
@media (max-width: 920px) {
  .social_internship .start_business .types, .president_doundation .start_business .types {
    gap: 10px;
    flex-wrap: wrap;
  }
}
.social_internship .start_business .types .first, .president_doundation .start_business .types .first {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #F26176;
  display: flex;
  flex-direction: column;
  gap: 147px;
  text-decoration: none;
  color: inherit;
  width: calc(38% - 15px);
}
@media (max-width: 920px) {
  .social_internship .start_business .types .first, .president_doundation .start_business .types .first {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .social_internship .start_business .types .first, .president_doundation .start_business .types .first {
    gap: 30px;
    padding: 20px 15px 15px 15px;
  }
}
.social_internship .start_business .types .first .title, .president_doundation .start_business .types .first .title {
  display: flex;
  gap: 0 15px;
  align-items: flex-end;
}
@media (max-width: 576px) {
  .social_internship .start_business .types .first .title, .president_doundation .start_business .types .first .title {
    align-items: center;
  }
}
.social_internship .start_business .types .first .title h4, .president_doundation .start_business .types .first .title h4 {
  font-size: 24px;
  font-weight: 400;
  font-family: "daysone";
  margin-bottom: 0;
  margin-top: 0;
}
@media (max-width: 576px) {
  .social_internship .start_business .types .first .title h4, .president_doundation .start_business .types .first .title h4 {
    font-size: 20px;
    line-height: 93.5%;
  }
}
.social_internship .start_business .types .second, .president_doundation .start_business .types .second {
  width: calc(20% - 15px);
  background-color: #F26176;
  border-radius: 20px;
  padding: 35px 30px 30px 30px;
  background-image: url(../images/seonc-bg.png);
  background-size: cover;
}
@media (max-width: 920px) {
  .social_internship .start_business .types .second, .president_doundation .start_business .types .second {
    width: 100%;
    height: 200px;
  }
}
.social_internship .start_business .types .third, .president_doundation .start_business .types .third {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: calc(42% - 15px);
}
@media (max-width: 920px) {
  .social_internship .start_business .types .third, .president_doundation .start_business .types .third {
    width: 100%;
    gap: 10px;
  }
}
.social_internship .start_business .types .third .top, .president_doundation .start_business .types .third .top {
  height: calc(45% - 15px);
  display: flex;
  gap: 0 30px;
}
@media (max-width: 920px) {
  .social_internship .start_business .types .third .top, .president_doundation .start_business .types .third .top {
    height: 200px;
    gap: 10px;
  }
}
.social_internship .start_business .types .third .top div, .president_doundation .start_business .types .third .top div {
  width: calc(50% - 15px);
  border-radius: 20px;
  padding: 35px 30px 30px 30px;
  background-image: url(../images/seonc-bg.png);
  background-size: cover;
  background-position: bottom right;
  background-color: #F26176;
}
@media (max-width: 920px) {
  .social_internship .start_business .types .third .top div, .president_doundation .start_business .types .third .top div {
    width: calc(50% - 5px);
  }
}
.social_internship .start_business .types .third .top div:last-child, .president_doundation .start_business .types .third .top div:last-child {
  background-position: top left;
}
.social_internship .start_business .types .third .bottom, .president_doundation .start_business .types .third .bottom {
  height: calc(55% - 15px);
  padding: 35px 30px 30px 30px;
  background-image: url(../images/seonc-bg.png);
  background-size: cover;
  background-position: bottom right;
  background-color: #F26176;
  border-radius: 20px;
}
@media (max-width: 920px) {
  .social_internship .start_business .types .third .bottom, .president_doundation .start_business .types .third .bottom {
    height: 200px;
  }
}
.social_internship .support_form, .president_doundation .support_form {
  margin-top: 50px;
}
.social_internship .support_form form, .president_doundation .support_form form {
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #B51241;
  background: #FFF;
  max-width: 540px;
  margin: 0 auto;
}
@media (max-width: 576px) {
  .social_internship .support_form form, .president_doundation .support_form form {
    padding: 20px 15px 15px 15px;
  }
}
.social_internship .support_form form h4, .social_internship .support_form form h5, .president_doundation .support_form form h4, .president_doundation .support_form form h5 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.social_internship .support_form form h5, .president_doundation .support_form form h5 {
  margin-top: 30px;
}
.social_internship .support_form form input, .president_doundation .support_form form input {
  padding: 11px 15px 10px 15px;
  font-size: 16px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  width: 100%;
  margin-bottom: 15px;
}
.social_internship .support_form form input:focus, .president_doundation .support_form form input:focus {
  outline: none;
  border-color: #F26176;
}
.social_internship .support_form form input:hover, .president_doundation .support_form form input:hover {
  border-color: #F26176;
}
.social_internship .support_form form .email, .president_doundation .support_form form .email {
  position: relative;
}
.social_internship .support_form form .email:hover input, .president_doundation .support_form form .email:hover input {
  border-color: #F26176;
}
.social_internship .support_form form .email:hover svg path, .president_doundation .support_form form .email:hover svg path {
  fill: #F26176;
}
.social_internship .support_form form .email svg, .president_doundation .support_form form .email svg {
  position: absolute;
  top: 12px;
  right: 15px;
}
.social_internship .support_form form .cntr p, .president_doundation .support_form form .cntr p {
  font-size: 12px;
}
.social_internship .support_form form .cntr p a, .president_doundation .support_form form .cntr p a {
  color: #F26176;
}
.social_internship .support_form form .cntr #cbx:checked ~ .cbx, .president_doundation .support_form form .cntr #cbx:checked ~ .cbx {
  background: #F26176;
}
.social_internship .support_form form .phone-input-container, .president_doundation .support_form form .phone-input-container {
  width: 100%;
  font-size: 16px;
  position: relative;
  font-size: 16px;
}
.social_internship .support_form form .phone-input-container:hover input, .president_doundation .support_form form .phone-input-container:hover input {
  border-color: #F26176;
}
.social_internship .support_form form .phone-input-container:hover svg path, .president_doundation .support_form form .phone-input-container:hover svg path {
  fill: #F26176;
}
.social_internship .support_form form .phone-input-container .iti, .president_doundation .support_form form .phone-input-container .iti {
  width: 100%;
}
.social_internship .support_form form .phone-input-container .iti input, .president_doundation .support_form form .phone-input-container .iti input {
  width: 100%;
  padding-left: 55px !important;
}
.social_internship .support_form form .phone-input-container .iti .iti__selected-flag, .president_doundation .support_form form .phone-input-container .iti .iti__selected-flag {
  border-radius: 20px 0 0 20px;
}
.social_internship .support_form form .phone-input-container .iti .iti__selected-dial-code, .president_doundation .support_form form .phone-input-container .iti .iti__selected-dial-code {
  display: none;
}
.social_internship .support_form form .phone-input-container svg, .president_doundation .support_form form .phone-input-container svg {
  position: absolute;
  top: 12px;
  right: 15px;
}
.social_internship .support_form form .phone-input-container svg path, .president_doundation .support_form form .phone-input-container svg path {
  transition: 0.3s all ease;
}
.social_internship .support_form form .project_name, .social_internship .support_form form .about_project, .social_internship .support_form form .selection, .president_doundation .support_form form .project_name, .president_doundation .support_form form .about_project, .president_doundation .support_form form .selection {
  position: relative;
  margin-bottom: 15px;
}
.social_internship .support_form form .project_name span, .social_internship .support_form form .about_project span, .social_internship .support_form form .selection span, .president_doundation .support_form form .project_name span, .president_doundation .support_form form .about_project span, .president_doundation .support_form form .selection span {
  position: absolute;
  top: -10px;
  left: 20px;
  padding: 0 5px;
  color: #9E9E9E;
  background-color: #fff;
  z-index: 10;
}
.social_internship .support_form form .project_name textarea, .social_internship .support_form form .about_project textarea, .social_internship .support_form form .selection textarea, .president_doundation .support_form form .project_name textarea, .president_doundation .support_form form .about_project textarea, .president_doundation .support_form form .selection textarea {
  width: 100%;
  border-radius: 20px;
  padding: 15px;
  font-size: 16px;
}
.social_internship .support_form form .project_name .nice-select, .social_internship .support_form form .about_project .nice-select, .social_internship .support_form form .selection .nice-select, .president_doundation .support_form form .project_name .nice-select, .president_doundation .support_form form .about_project .nice-select, .president_doundation .support_form form .selection .nice-select {
  width: 100%;
  border-radius: 20px;
  font-size: 16px;
}
.social_internship .support_form form .project_name .nice-select:hover, .social_internship .support_form form .about_project .nice-select:hover, .social_internship .support_form form .selection .nice-select:hover, .president_doundation .support_form form .project_name .nice-select:hover, .president_doundation .support_form form .about_project .nice-select:hover, .president_doundation .support_form form .selection .nice-select:hover {
  border-color: #F26176;
}
.social_internship .support_form form .selection .nice-select, .president_doundation .support_form form .selection .nice-select {
  font-size: 16px;
  height: 40px;
}
.social_internship .support_form form label, .president_doundation .support_form form label {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.social_internship .support_form form label input, .president_doundation .support_form form label input {
  display: none;
}
.social_internship .support_form form label p, .president_doundation .support_form form label p {
  padding: 11px 15px 13px 15px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #F26176;
  cursor: pointer;
  transition: 0.3s all ease;
}
.social_internship .support_form form label p:hover, .president_doundation .support_form form label p:hover {
  border-color: #F26176;
}
.social_internship .support_form form label p:hover svg path, .president_doundation .support_form form label p:hover svg path {
  fill: #F26176;
}
.social_internship .support_form form label svg, .president_doundation .support_form form label svg {
  position: absolute;
  right: 15px;
  top: 16px;
}
.social_internship .support_form form .cntr label, .president_doundation .support_form form .cntr label {
  margin-bottom: 0;
}
.social_internship .support_form form button, .president_doundation .support_form form button {
  margin-top: 20px;
  padding: 21px;
  width: 100%;
  font-size: 16px;
}
.social_internship .educational_program, .president_doundation .educational_program {
  margin-top: 50px;
  position: relative;
}
.social_internship .educational_program .title, .president_doundation .educational_program .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.social_internship .educational_program .title h3, .president_doundation .educational_program .title h3 {
  width: 50%;
}
.social_internship .educational_program .title a, .president_doundation .educational_program .title a {
  color: #B51241;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}
.social_internship .educational_program .swiper .swiper-slide, .president_doundation .educational_program .swiper .swiper-slide {
  display: flex;
  gap: 30px;
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  position: relative;
}
@media (max-width: 920px) {
  .social_internship .educational_program .swiper .swiper-slide, .president_doundation .educational_program .swiper .swiper-slide {
    flex-direction: column;
    padding: 20px 15px 15px 15px;
  }
}
.social_internship .educational_program .swiper .swiper-slide .book, .president_doundation .educational_program .swiper .swiper-slide .book {
  position: absolute;
  top: 35px;
  right: 30px;
}
.social_internship .educational_program .swiper .swiper-slide .image, .president_doundation .educational_program .swiper .swiper-slide .image {
  width: 255px;
  height: 255px;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 920px) {
  .social_internship .educational_program .swiper .swiper-slide .image, .president_doundation .educational_program .swiper .swiper-slide .image {
    width: 100%;
  }
}
.social_internship .educational_program .swiper .swiper-slide .image img, .president_doundation .educational_program .swiper .swiper-slide .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.social_internship .educational_program .swiper .swiper-slide .about, .president_doundation .educational_program .swiper .swiper-slide .about {
  display: flex;
  flex-direction: column;
}
.social_internship .educational_program .swiper .swiper-slide .about .name, .president_doundation .educational_program .swiper .swiper-slide .about .name {
  width: 80%;
}
.social_internship .educational_program .swiper .swiper-slide .about .name h4, .president_doundation .educational_program .swiper .swiper-slide .about .name h4 {
  font-family: "daysone";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 93.515%;
}
.social_internship .educational_program .swiper .swiper-slide .about .name p, .president_doundation .educational_program .swiper .swiper-slide .about .name p {
  font-size: 16px;
}
.social_internship .educational_program .swiper .swiper-slide .about .program, .president_doundation .educational_program .swiper .swiper-slide .about .program {
  margin-top: 30px;
}
.social_internship .educational_program .swiper .swiper-slide .about .program span, .president_doundation .educational_program .swiper .swiper-slide .about .program span {
  font-size: 16px;
  font-weight: 500;
}
.social_internship .educational_program .swiper .swiper-slide .about .program p, .president_doundation .educational_program .swiper .swiper-slide .about .program p {
  font-size: 16px;
}
.social_internship .educational_program .swiper .swiper-slide .about .date, .president_doundation .educational_program .swiper .swiper-slide .about .date {
  margin-top: 15px;
}
.social_internship .educational_program .swiper .swiper-slide .about .date span, .president_doundation .educational_program .swiper .swiper-slide .about .date span {
  font-size: 16px;
  font-weight: 500;
}
.social_internship .educational_program .swiper .swiper-slide .about .date div, .president_doundation .educational_program .swiper .swiper-slide .about .date div {
  display: flex;
  align-items: center;
  gap: 0 5px;
  font-size: 16px;
}
.social_internship .educational_program .swiper .swiper-slide .about a, .president_doundation .educational_program .swiper .swiper-slide .about a {
  margin-top: 15px;
  font-size: 14px;
  padding: 12px 72px;
  align-self: flex-end;
}
.social_internship .educational_program .eduswiper-pagination, .president_doundation .educational_program .eduswiper-pagination {
  margin-top: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 13px;
}
.social_internship .educational_program .eduswiper-pagination .swiper-pagination-bullet, .president_doundation .educational_program .eduswiper-pagination .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  transition: 0.3s all ease;
}
.social_internship .educational_program .eduswiper-pagination .swiper-pagination-bullet-active, .president_doundation .educational_program .eduswiper-pagination .swiper-pagination-bullet-active {
  background-color: #717171;
  width: 13px;
  height: 13px;
}
.social_internship .educational_program .eduswiper-next, .president_doundation .educational_program .eduswiper-next {
  position: absolute;
  right: -65px;
  top: 47%;
}
.social_internship .educational_program .eduswiper-prev, .president_doundation .educational_program .eduswiper-prev {
  position: absolute;
  left: -65px;
  top: 47%;
}
.social_internship .questions .accordion-item, .president_doundation .questions .accordion-item {
  border-color: #F26176;
}
.social_internship .questions .accordion .accordion-button, .president_doundation .questions .accordion .accordion-button {
  background: #F26176;
}
.social_internship .contact_us .container, .president_doundation .contact_us .container {
  background: #F26176;
}
.social_internship .contact_us .container .buttons a, .president_doundation .contact_us .container .buttons a {
  color: #F26176;
  border-color: #F26176;
}
.social_internship .contact_us .container .buttons a:hover, .president_doundation .contact_us .container .buttons a:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.social_internship .contact_us .container .right_side .email:hover svg path, .president_doundation .contact_us .container .right_side .email:hover svg path {
  fill: #F26176;
}
.social_internship .contact_us .container .right_side .phone-input-container:hover svg path, .president_doundation .contact_us .container .right_side .phone-input-container:hover svg path {
  fill: #F26176;
}
.social_internship .contact_us .container .right_side .cntr label, .president_doundation .contact_us .container .right_side .cntr label {
  border-color: #F26176;
}
.social_internship .contact_us .container .right_side .cntr label::after, .president_doundation .contact_us .container .right_side .cntr label::after {
  border-color: #F26176;
}
.social_internship .contact_us .container .right_side button, .president_doundation .contact_us .container .right_side button {
  border-radius: 40px;
}
.social_internship .contact_us .container .right_side button:hover, .president_doundation .contact_us .container .right_side button:hover {
  color: #F26176;
}
.social_internship h3, .president_doundation h3 {
  font-size: 32px;
  font-weight: 400;
  font-family: "daysone";
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .social_internship h3, .president_doundation h3 {
    font-size: 24px;
    line-height: 93.5%;
    margin-bottom: 20px;
  }
}

h1.president {
  width: 70% !important;
}
@media (max-width: 566px) {
  h1.president {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  h1.president {
    font-size: 30px !important;
  }
}

h1.grant_h1 {
  width: 50% !important;
}

@media (max-width: 480px) {
  .president_f_img {
    width: 255px !important;
  }
}

.president_doundation {
  position: relative;
}
.president_doundation .contact_us .right_side input:hover {
  border-color: #B51241;
}
.president_doundation .container {
  background-color: #fff;
}
.president_doundation .project_list {
  margin-top: 50px;
  position: relative;
}
.president_doundation .project_list .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.president_doundation .project_list .title h3 {
  margin-bottom: 0px !important;
}
@media (max-width: 480px) {
  .president_doundation .project_list .title h3 {
    width: 50%;
  }
}
.president_doundation .project_list .title a {
  font-size: 16px;
  color: #B51241;
  text-decoration: none;
}
.president_doundation .project_list .swiper {
  max-width: 825px;
  margin: 0 auto;
}
@media (max-width: 920px) {
  .president_doundation .project_list .swiper {
    max-width: unset;
    width: 100%;
  }
}
.president_doundation .project_list .swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
}
@media (max-width: 768px) {
  .president_doundation .project_list .swiper .swiper-slide {
    padding: 20px 15px 15px 15px;
  }
}
.president_doundation .project_list .swiper .swiper-slide .title {
  font-size: 20px;
  font-family: "daysone";
  color: #F26176;
  line-height: 93.515%;
  margin-bottom: 30px;
  width: 70%;
}
@media (max-width: 576px) {
  .president_doundation .project_list .swiper .swiper-slide .title {
    width: 100%;
  }
}
.president_doundation .project_list .swiper .swiper-slide .information {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .president_doundation .project_list .swiper .swiper-slide .information {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
}
.president_doundation .project_list .swiper .swiper-slide .information .left {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.president_doundation .project_list .swiper .swiper-slide .information .left div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.president_doundation .project_list .swiper .swiper-slide .information .left div span {
  font-size: 16px;
  font-weight: 500;
}
.president_doundation .project_list .swiper .swiper-slide .information .left div p {
  font-size: 16px;
}
.president_doundation .project_list .swiper .swiper-slide .information .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
@media (max-width: 768px) {
  .president_doundation .project_list .swiper .swiper-slide .information .right {
    align-items: flex-start;
  }
}
.president_doundation .project_list .swiper .swiper-slide .information .right p {
  font-size: 16px;
}
.president_doundation .project_list .swiper .swiper-slide .information .right .price {
  font-family: "daysone";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 93.515%;
  color: #F26176;
}
.president_doundation .project_list .swiper .swiper-slide .information .right a {
  padding: 12px 72px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 12px;
}
.president_doundation .project_list .presidentswiper-pagination {
  margin-top: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 13px;
}
.president_doundation .project_list .presidentswiper-pagination .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  transition: 0.3s all ease;
}
.president_doundation .project_list .presidentswiper-pagination .swiper-pagination-bullet-active {
  background-color: #717171;
  width: 13px;
  height: 13px;
}
.president_doundation .project_list .presidentswiper-next {
  position: absolute;
  right: 0px;
  top: 47%;
}
@media (max-width: 920px) {
  .president_doundation .project_list .presidentswiper-next {
    display: none;
  }
}
.president_doundation .project_list .presidentswiper-prev {
  position: absolute;
  left: 0px;
  top: 47%;
}
@media (max-width: 920px) {
  .president_doundation .project_list .presidentswiper-prev {
    display: none;
  }
}
.president_doundation .support_process {
  margin-top: 50px;
}
.president_doundation .support_process h3 {
  margin-bottom: 30px;
}
.president_doundation .support_process .steps_container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 15px;
}
@media (max-width: 576px) {
  .president_doundation .support_process .steps_container {
    gap: 10px;
  }
}
.president_doundation .support_process .steps_container .step {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  padding: 35px 30px 35px 30px;
  border-radius: 20px;
  border: 1px solid #B51241;
  background: #FFF;
}
@media (max-width: 768px) {
  .president_doundation .support_process .steps_container .step {
    padding: 20px 15px 15px 15px;
  }
}
@media (max-width: 576px) {
  .president_doundation .support_process .steps_container .step .number .img_num {
    width: 130px;
  }
}
.president_doundation .support_process .steps_container .step:first-child {
  flex: 4;
}
.president_doundation .support_process .steps_container .step:nth-child(2) {
  flex: 2.5;
}
.president_doundation .support_process .steps_container .step:nth-child(3) {
  flex: 1;
}
.president_doundation .support_process .steps_container .step:nth-child(4) {
  flex: 1;
}
.president_doundation .support_process .steps_container .step:nth-child(5) {
  flex: 4;
}
.president_doundation .support_process .steps_container .step:nth-child(5) .number {
  align-items: flex-end;
}
.president_doundation .support_process .steps_container .step:last-child {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  border-radius: none;
  border: none;
}
.president_doundation .support_process .steps_container .step:last-child .card {
  position: relative;
  background-color: #F26176;
  background-image: url(../images/06-card.png);
  background-size: cover;
  padding: 15px 30px;
  border-radius: 20px;
  border: 1px solid #B51241;
  background: #F26176;
}
.president_doundation .support_process .steps_container .step:last-child .card span {
  font-size: 32px;
  color: #FFF;
  font-weight: 500;
  position: absolute;
  top: 15px;
  left: 30px;
}
.president_doundation .support_process .steps_container .step:last-child .card .number {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.president_doundation .support_process .steps_container .step:last-child .card .number p {
  color: #fff;
}
.president_doundation .support_process .steps_container .step:last-child a {
  padding: 17px 0;
}
@media (max-width: 576px) {
  .president_doundation .support_process .steps_container .step:last-child a {
    margin-top: 10px;
  }
}
.president_doundation .support_process .steps_container .step .title_number {
  font-size: 32px;
  color: #B51241;
  font-weight: 500;
}
.president_doundation .support_process .steps_container .step .title_text {
  font-size: 20px;
  color: #B51241;
  font-weight: 500;
  width: 55%;
}
.president_doundation .support_process .steps_container .step .number {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.president_doundation .support_process .steps_container .step .number p {
  font-size: 20px;
  color: #B51241;
  font-weight: 500;
  width: 60%;
}
@media (max-width: 576px) {
  .president_doundation .support_process .steps_container .step .number p {
    font-size: 16px;
    width: 100%;
  }
}
.president_doundation .support_process .steps_container .step .number a {
  display: flex;
  align-items: center;
  gap: 0 10px;
  text-decoration: none;
}
.president_doundation .support_process .steps_container .step .number a span {
  color: #B51241;
  font-size: 16px;
  font-weight: 400;
}
.president_doundation .support_process .steps_container .step .number ul {
  display: flex;
  flex-direction: column;
  padding-left: 15px;
}
.president_doundation .support_process .steps_container .step .number ul li {
  color: #F26176;
  font-size: 16px;
}
.president_doundation .documents {
  margin-top: 50px;
}
.president_doundation .documents h3 {
  margin-bottom: 30px;
  width: 100%;
}
.president_doundation .documents .documents_container {
  padding: 35px 30px 35px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 90px;
}
@media (max-width: 576px) {
  .president_doundation .documents .documents_container {
    padding: 20px 15px 15px 15px;
  }
}
.president_doundation .documents .documents_container a {
  text-decoration: none;
  color: inherit;
  width: calc(50% - 45px);
  display: flex;
  gap: 0 5px;
  align-items: center;
  transition: 0.3s all ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.president_doundation .documents .documents_container a p {
  font-size: 17px;
}
@media (max-width: 820px) {
  .president_doundation .documents .documents_container a {
    width: 100%;
  }
}
.president_doundation .documents .documents_container a:hover {
  transform: translate(10px);
}
.president_doundation .fond {
  margin-top: 50px;
  padding: 35px 30px 30px 30px;
  border-radius: 20px;
  border: 1px solid #c3c3c3;
  background-color: #F26176;
  background-image: url(../images/dond-bg.png);
  background-size: cover;
}
.president_doundation .fond h3 {
  color: #fff;
}
@media (max-width: 768px) {
  .president_doundation .fond {
    padding: 20px 15px 15px 15px;
  }
}
.president_doundation .fond .fonds_container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 768px) {
  .president_doundation .fond .fonds_container {
    gap: 10px;
  }
}
.president_doundation .fond .item {
  display: flex;
  flex-direction: column;
  width: calc(50% - 15px);
  border-radius: 20px;
  background-color: #fff;
  padding: 35px 30px 30px 30px;
}
@media (max-width: 768px) {
  .president_doundation .fond .item {
    width: 100%;
  }
}
.president_doundation .types_grants {
  margin-top: 50px;
  position: relative;
}
.president_doundation .types_grants .swiper .swiper-slide {
  padding: 35px 30px 30px 30px;
  border: 1px solid #C3C3C3;
  border-radius: 20px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .president_doundation .types_grants .swiper .swiper-slide {
    padding: 20px 15px 15px 15px;
  }
}
.president_doundation .types_grants .swiper .swiper-slide h6 {
  font-weight: 500;
  font-size: 20px;
}
.president_doundation .types_grants .swiper .swiper-slide p {
  font-size: 16px;
}
.president_doundation .types_grants .grantswiper_pagination {
  margin-top: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 13px;
}
.president_doundation .types_grants .grantswiper_pagination .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  transition: 0.3s all ease;
}
.president_doundation .types_grants .grantswiper_pagination .swiper-pagination-bullet-active {
  background-color: #717171;
  width: 13px;
  height: 13px;
}
.president_doundation .types_grants .grantswiper_next {
  position: absolute;
  right: -65px;
  top: 47%;
}
@media (max-width: 920px) {
  .president_doundation .types_grants .grantswiper_next {
    display: none;
  }
}
.president_doundation .types_grants .grantswiper_prev {
  position: absolute;
  left: -65px;
  top: 47%;
}
@media (max-width: 920px) {
  .president_doundation .types_grants .grantswiper_prev {
    display: none;
  }
}
.president_doundation .grants_steps {
  margin-top: 50px;
}
.president_doundation .grants_steps .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 576px) {
  .president_doundation .grants_steps .accordion {
    gap: 10px;
  }
}
.president_doundation .grants_steps .accordion .accordion-item {
  background-color: #F26176;
  background-image: url(../images/accordion-bg.png);
  background-size: 100% 100%;
  z-index: 2;
  border-radius: 22px;
}
.president_doundation .grants_steps .accordion .accordion-button {
  display: flex;
  align-items: flex-end;
  gap: 0 15px;
  padding: 33px;
  border-radius: 21px;
  box-shadow: none;
}
@media (max-width: 576px) {
  .president_doundation .grants_steps .accordion .accordion-button {
    padding: 20px 15px 15px 15px;
  }
}
.president_doundation .grants_steps .accordion .accordion-button::after {
  display: none;
}
.president_doundation .grants_steps .accordion .accordion-button svg path {
  transition: 0.3s all ease;
}
@media (max-width: 576px) {
  .president_doundation .grants_steps .accordion .accordion-button svg {
    width: 35px;
  }
}
.president_doundation .grants_steps .accordion .accordion-button h6 {
  font-size: 32px;
  color: #717171;
  font-weight: 500;
  transition: 0.3s all ease;
}
@media (max-width: 576px) {
  .president_doundation .grants_steps .accordion .accordion-button h6 {
    font-size: 20px;
  }
}
.president_doundation .grants_steps .accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
  z-index: 1;
  box-shadow: none;
  border-bottom: none;
  border-right: none;
  border-left: none;
}
.president_doundation .grants_steps .accordion .accordion-button:not(.collapsed) h6 {
  color: #fff;
}
.president_doundation .grants_steps .accordion .accordion-button:not(.collapsed) svg path {
  fill: #fff;
}
.president_doundation .grants_steps .accordion .accordion-body {
  color: #fff;
  font-size: 16px;
}
.president_doundation .other_fonds {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  gap: 20px 30px;
}
@media (max-width: 768px) {
  .president_doundation .other_fonds {
    flex-direction: column;
    gap: 10px;
  }
}
.president_doundation .other_fonds .item {
  padding: 35px 30px 30px 30px;
  border: 1px solid #B51241;
  border-radius: 20px;
  width: calc(50% - 15px);
}
@media (max-width: 768px) {
  .president_doundation .other_fonds .item {
    width: 100%;
    padding: 20px 15px 15px 15px;
  }
}
.president_doundation .other_fonds .item h5 {
  font-size: 20px;
  font-weight: 400;
  font-family: "daysone";
  margin-bottom: 15px;
}
.president_doundation .other_fonds .item p {
  font-size: 16px;
}
.president_doundation .other_fonds .item h6 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 15px;
}
.president_doundation .other_fonds .item a {
  width: fit-content;
  padding: 12px 45px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 30px;
}
.president_doundation .other_fonds .fonds_button {
  width: 100%;
}
.president_doundation .other_fonds .fonds_button .view_all {
  margin: 0 auto;
  padding: 21px 112px;
  font-size: 16px;
  font-weight: 500;
  width: fit-content;
}
@media (max-width: 576px) {
  .president_doundation .other_fonds .fonds_button .view_all {
    padding: 11px 0;
    width: 100%;
    text-align: center;
  }
}
.president_doundation .up_button {
  z-index: 10;
}

.map_banner {
  height: 270px;
  background-color: #4093A5;
  background-image: url(../images/map-bg.svg);
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.map_banner .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 900px) {
  .map_banner .container {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 900px) {
  .map_banner .container img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 250px;
  }
}
.map_banner .container h1 {
  color: #fff;
  font-family: "daysone";
  font-size: 45px;
  font-weight: 400;
}
@media (max-width: 900px) {
  .map_banner .container h1 {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .map_banner .container h1 {
    color: #FFFFD6;
    font-size: 32px;
  }
}

.map {
  position: relative;
  margin-bottom: -80px;
}
.map .sidebar {
  padding: 35px 30px 30px 30px;
  border-radius: 0px 20px 20px 0px;
  background: #F1F1F1;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
  width: 325px;
  position: absolute;
  top: 0;
  left: -380px;
  height: 100%;
  z-index: 20;
  transition: left 0.3s ease;
}
.map .sidebar.active {
  left: 0;
}
.map .sidebar h4 {
  font-size: 24px;
  color: #3A3A3A;
}
.map .sidebar form {
  margin-top: 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.map .sidebar form .search {
  position: relative;
}
.map .sidebar form .search input {
  font-size: 16px;
  padding: 10px 15px 11px 15px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  width: 100%;
}
.map .sidebar form .search input:focus {
  outline: none;
}
.map .sidebar form .search img {
  position: absolute;
  top: 12px;
  right: 15px;
}
.map .sidebar form .selection {
  position: relative;
}
.map .sidebar form .selection .nice-select {
  width: 100%;
  font-size: 16px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  height: 40px;
  display: flex;
  align-items: center;
  background-color: transparent;
}
.map .sidebar form .selection p {
  color: #9E9E9E;
  font-size: 12px;
  padding: 0 5px;
  position: absolute;
  top: -10px;
  left: 20px;
  background-color: #F1F1F1;
  font-weight: 400;
  width: fit-content;
  display: block;
}
.map .sidebar .markers {
  margin-top: 30px;
}
.map .sidebar .markers h3 {
  font-size: 16px;
  font-weight: 500;
}
.map .sidebar .markers .marker {
  display: flex;
  gap: -15px;
  align-items: center;
}
.map .sidebar .markers .marker span {
  font-size: 16px;
}
.map .sidebar .close_btn {
  position: absolute;
  top: 35px;
  right: 30px;
  cursor: pointer;
}
.map .open_btn {
  position: absolute;
  top: 35px;
  left: 30px;
  cursor: pointer;
  z-index: 10;
}
.map .map-container {
  width: 100%;
  height: 800px;
  transition: margin-left 0.3s ease, transform 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  touch-action: none;
  position: relative;
  overflow: hidden;
}
.map .map-container img {
  position: absolute;
  top: 0;
  transform-origin: top left;
  user-select: none;
}
.map .interactive_buttons {
  position: absolute;
  right: 25px;
  top: 50%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.map .interactive_buttons .zoom, .map .interactive_buttons .current_location {
  border-radius: 10px;
  background: #F1F1F1;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.map .interactive_buttons .zoom .zoom_in, .map .interactive_buttons .zoom .zoom_out, .map .interactive_buttons .current_location .zoom_in, .map .interactive_buttons .current_location .zoom_out {
  width: fit-content;
  cursor: pointer;
}
.map .interactive_buttons .zoom .zoom_in svg path, .map .interactive_buttons .zoom .zoom_out svg path, .map .interactive_buttons .current_location .zoom_in svg path, .map .interactive_buttons .current_location .zoom_out svg path {
  transition: 0.3s all ease;
}
.map .interactive_buttons .zoom .zoom_in:hover svg path, .map .interactive_buttons .zoom .zoom_out:hover svg path, .map .interactive_buttons .current_location .zoom_in:hover svg path, .map .interactive_buttons .current_location .zoom_out:hover svg path {
  fill: #4093A5;
}
.map .interactive_buttons .zoom .zoom_out, .map .interactive_buttons .current_location .zoom_out {
  width: fit-content;
  cursor: pointer;
}
.map .interactive_buttons .current_location {
  cursor: pointer;
}

body.no-scroll {
  overflow: hidden;
}/*# sourceMappingURL=main.css.map */


.modal-dialog_dynamic-modal{
  max-width: 730px;
}



.existing-file {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-bottom: 10px;
}

.file-info {
  flex: 1;
}

.file-name {
  font-weight: 500;
}

.file-size {
  color: #666;
  font-size: 12px;
}

.remove-btn {
  background-color: #dc3545;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}

.remove-btn:hover {
  background-color: #c82333;
}

.download-btn {
  background-color: #007bff;
  color: white;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 12px;
}

.download-btn:hover {
  background-color: #0056b3;
}

.file_input {
  display: none;
}

.file-name {
  padding: 10px;
  border: 1px dashed #ccc;
  border-radius: 4px;
  cursor: pointer;
  color: #666;
}

/*
.list_of_projects .grant{
  max-width: 350px;
}

@media (max-width: 500px) {
  .list_of_projects .grant{
    max-width: inherit;
  }
}
*/






























.project, .become_member {
  position: relative;
}
.project .container, .become_member .container {
  margin-top: 40px;
  position: relative;
}
@media (max-width: 576px) {
  .project .container, .become_member .container {
    margin-top: 20px;
  }
}
.project .container .breadcrumb, .become_member .container .breadcrumb {
  display: flex;
  gap: 0 15px;
  --bs-breadcrumb-margin-bottom: 30px;
}
@media (max-width: 576px) {
  .project .container .breadcrumb, .become_member .container .breadcrumb {
    --bs-breadcrumb-margin-bottom: 20px;
  }
}
.project .container .breadcrumb a, .become_member .container .breadcrumb a {
  text-decoration: none;
  font-size: 12px;
  color: #717171;
  position: relative;
  transition: 0.3s all ease;
}
.project .container .breadcrumb a:hover, .become_member .container .breadcrumb a:hover {
  color: #75AA37;
}
.project .container .breadcrumb a::after, .become_member .container .breadcrumb a::after {
  content: "/";
  position: absolute;
  right: -10px;
}
.project .container .breadcrumb a:last-child, .become_member .container .breadcrumb a:last-child {
  color: #75AA37;
}
.project .container .breadcrumb a:last-child::after, .become_member .container .breadcrumb a:last-child::after {
  content: none;
}
.project .container .back_button, .become_member .container .back_button {
  display: flex;
  align-items: center;
  gap: 0 5px;
  text-decoration: none;
  transition: 0.3s all ease;
  width: fit-content;
}
.project .container .back_button:hover, .become_member .container .back_button:hover {
  transform: translate(-10px);
}
.project .container .back_button span, .become_member .container .back_button span {
  font-weight: 500;
  font-size: 14px;
  color: #75AA37;
  text-decoration: none;
}
.project .container .project_details, .become_member .container .project_details {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}
@media (max-width: 1100px) {
  .project .container .project_details, .become_member .container .project_details {
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  .project .container .project_details, .become_member .container .project_details {
    gap: 10px;
    margin-top: 20px;
  }
}
.project .container .project_details .left_side, .become_member .container .project_details .left_side {
  width: calc(32% - 15px);
  height: fit-content;
  position: sticky;
  top: 0;
  left: 0;
}
@media (max-width: 1100px) {
  .project .container .project_details .left_side, .become_member .container .project_details .left_side {
    width: 100%;
    position: unset;
  }
}
.project .container .project_details .left_side .project_expenses, .become_member .container .project_details .left_side .project_expenses {
  display: none;
}
@media (max-width: 1100px) {
  .project .container .project_details .left_side .project_expenses, .become_member .container .project_details .left_side .project_expenses {
    display: block;
    margin-bottom: 20px;
  }
}
.project .container .project_details .left_side .information, .become_member .container .project_details .left_side .information {
  display: flex;
  flex-direction: column;
  padding: 35px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  width: 100%;
}
@media (max-width: 576px) {
  .project .container .project_details .left_side .information, .become_member .container .project_details .left_side .information {
    padding: 20px 15px 15px 15px;
  }
}
.project .container .project_details .left_side .image, .become_member .container .project_details .left_side .image {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #75AA37;
  margin: 0 auto;
}
.project .container .project_details .left_side .image span, .become_member .container .project_details .left_side .image span {
  font-size: 32px;
  color: #fff;
}
.project .container .project_details .left_side .main_information, .become_member .container .project_details .left_side .main_information {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}
.project .container .project_details .left_side .main_information h5, .become_member .container .project_details .left_side .main_information h5 {
  font-family: "daysone";
  font-size: 20px;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .project .container .project_details .left_side .main_information h5, .become_member .container .project_details .left_side .main_information h5 {
    font-size: 16px;
    font-weight: 500;
  }
}
.project .container .project_details .left_side div h6, .become_member .container .project_details .left_side div h6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10xp;
}
.project .container .project_details .left_side div p, .become_member .container .project_details .left_side div p {
  font-size: 16px;
}
.project .container .project_details .left_side .green_button, .become_member .container .project_details .left_side .green_button {
  padding: 22px 0;
  width: 224px;
  font-size: 14px;
  color: #fff;
  border-radius: 25px;
  background: #75AA37;
  margin-top: 16px;
  text-align: center;
  text-decoration: none;
  transition: 0.3s all ease;
  margin-top: 20px;
  display: block;
  width: 100%;
  font-weight: 500;
  border-radius: 30px;
}
@media (max-width: 576px) {
  .project .container .project_details .left_side .green_button, .become_member .container .project_details .left_side .green_button {
    padding: 10px 0 11px 0;
    margin-top: 10px;
  }
}
.project .container .project_details .left_side .green_button:hover, .become_member .container .project_details .left_side .green_button:hover {
  border-radius: 30px;
  background: #8EC34F;
  box-shadow: 0px 0px 7px 1px rgba(117, 170, 55, 0.5);
}
.project .container .project_details .right_side, .project .container .project_details .left_side, .become_member .container .project_details .right_side, .become_member .container .project_details .left_side {
  display: flex;
  flex-direction: column;
  //width: calc(68% - 15px);
}
@media (max-width: 1100px) {
  .project .container .project_details .right_side, .project .container .project_details .left_side, .become_member .container .project_details .right_side, .become_member .container .project_details .left_side {
    width: 100%;
  }
}
.project .container .project_details .right_side .project_expenses, .project .container .project_details .right_side .about_the_project, .project .container .project_details .left_side .project_expenses, .project .container .project_details .left_side .about_the_project, .become_member .container .project_details .right_side .project_expenses, .become_member .container .project_details .right_side .about_the_project, .become_member .container .project_details .left_side .project_expenses, .become_member .container .project_details .left_side .about_the_project {
  padding: 35px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .project_expenses, .project .container .project_details .right_side .about_the_project, .project .container .project_details .left_side .project_expenses, .project .container .project_details .left_side .about_the_project, .become_member .container .project_details .right_side .project_expenses, .become_member .container .project_details .right_side .about_the_project, .become_member .container .project_details .left_side .project_expenses, .become_member .container .project_details .left_side .about_the_project {
    padding: 20px 15px 15px 15px;
  }
}
.project .container .project_details .right_side .project_expenses .title, .project .container .project_details .right_side .about_the_project .title, .project .container .project_details .left_side .project_expenses .title, .project .container .project_details .left_side .about_the_project .title, .become_member .container .project_details .right_side .project_expenses .title, .become_member .container .project_details .right_side .about_the_project .title, .become_member .container .project_details .left_side .project_expenses .title, .become_member .container .project_details .left_side .about_the_project .title {
  display: flex;
  justify-content: space-between;
}
.project .container .project_details .right_side .project_expenses .title h5, .project .container .project_details .right_side .about_the_project .title h5, .project .container .project_details .left_side .project_expenses .title h5, .project .container .project_details .left_side .about_the_project .title h5, .become_member .container .project_details .right_side .project_expenses .title h5, .become_member .container .project_details .right_side .about_the_project .title h5, .become_member .container .project_details .left_side .project_expenses .title h5, .become_member .container .project_details .left_side .about_the_project .title h5 {
  font-size: 20px;
  font-family: "daysone";
  font-weight: 400;
  margin-bottom: 0;
  width: 80%;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .project_expenses .title h5, .project .container .project_details .right_side .about_the_project .title h5, .project .container .project_details .left_side .project_expenses .title h5, .project .container .project_details .left_side .about_the_project .title h5, .become_member .container .project_details .right_side .project_expenses .title h5, .become_member .container .project_details .right_side .about_the_project .title h5, .become_member .container .project_details .left_side .project_expenses .title h5, .become_member .container .project_details .left_side .about_the_project .title h5 {
    line-height: 93.515%;
  }
}
.project .container .project_details .right_side .project_expenses .title .links, .project .container .project_details .right_side .about_the_project .title .links, .project .container .project_details .left_side .project_expenses .title .links, .project .container .project_details .left_side .about_the_project .title .links, .become_member .container .project_details .right_side .project_expenses .title .links, .become_member .container .project_details .right_side .about_the_project .title .links, .become_member .container .project_details .left_side .project_expenses .title .links, .become_member .container .project_details .left_side .about_the_project .title .links {
  display: flex;
  gap: 0 20px;
}
.project .container .project_details .right_side .project_expenses .title .links a, .project .container .project_details .right_side .about_the_project .title .links a, .project .container .project_details .left_side .project_expenses .title .links a, .project .container .project_details .left_side .about_the_project .title .links a, .become_member .container .project_details .right_side .project_expenses .title .links a, .become_member .container .project_details .right_side .about_the_project .title .links a, .become_member .container .project_details .left_side .project_expenses .title .links a, .become_member .container .project_details .left_side .about_the_project .title .links a {
  text-decoration: none;
}
.project .container .project_details .right_side .project_expenses .id, .project .container .project_details .right_side .about_the_project .id, .project .container .project_details .left_side .project_expenses .id, .project .container .project_details .left_side .about_the_project .id, .become_member .container .project_details .right_side .project_expenses .id, .become_member .container .project_details .right_side .about_the_project .id, .become_member .container .project_details .left_side .project_expenses .id, .become_member .container .project_details .left_side .about_the_project .id {
  color: #9E9E9E;
  font-size: 16px;
  margin-top: 10px;
}
.project .container .project_details .right_side .project_expenses .status, .project .container .project_details .right_side .about_the_project .status, .project .container .project_details .left_side .project_expenses .status, .project .container .project_details .left_side .about_the_project .status, .become_member .container .project_details .right_side .project_expenses .status, .become_member .container .project_details .right_side .about_the_project .status, .become_member .container .project_details .left_side .project_expenses .status, .become_member .container .project_details .left_side .about_the_project .status {
  display: flex;
  gap: 0 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.project .container .project_details .right_side .project_expenses .status span, .project .container .project_details .right_side .about_the_project .status span, .project .container .project_details .left_side .project_expenses .status span, .project .container .project_details .left_side .about_the_project .status span, .become_member .container .project_details .right_side .project_expenses .status span, .become_member .container .project_details .right_side .about_the_project .status span, .become_member .container .project_details .left_side .project_expenses .status span, .become_member .container .project_details .left_side .about_the_project .status span {
  font-size: 16px;
  font-weight: 500;
}
.project .container .project_details .right_side .project_expenses .status p, .project .container .project_details .right_side .about_the_project .status p, .project .container .project_details .left_side .project_expenses .status p, .project .container .project_details .left_side .about_the_project .status p, .become_member .container .project_details .right_side .project_expenses .status p, .become_member .container .project_details .right_side .about_the_project .status p, .become_member .container .project_details .left_side .project_expenses .status p, .become_member .container .project_details .left_side .about_the_project .status p {
  padding: 5px 20px 5px 30px;
  font-size: 12px;
  color: #66E223;
  border-radius: 13px;
  border: 1px solid #66E223;
  position: relative;
}
.project .container .project_details .right_side .project_expenses .status p::before, .project .container .project_details .right_side .about_the_project .status p::before, .project .container .project_details .left_side .project_expenses .status p::before, .project .container .project_details .left_side .about_the_project .status p::before, .become_member .container .project_details .right_side .project_expenses .status p::before, .become_member .container .project_details .right_side .about_the_project .status p::before, .become_member .container .project_details .left_side .project_expenses .status p::before, .become_member .container .project_details .left_side .about_the_project .status p::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #66E223;
  left: 12px;
  top: 10px;
}
.project .container .project_details .right_side .project_expenses .grant_amount, .project .container .project_details .right_side .project_expenses .financing, .project .container .project_details .right_side .project_expenses .total_amount, .project .container .project_details .right_side .about_the_project .grant_amount, .project .container .project_details .right_side .about_the_project .financing, .project .container .project_details .right_side .about_the_project .total_amount, .project .container .project_details .left_side .project_expenses .grant_amount, .project .container .project_details .left_side .project_expenses .financing, .project .container .project_details .left_side .project_expenses .total_amount, .project .container .project_details .left_side .about_the_project .grant_amount, .project .container .project_details .left_side .about_the_project .financing, .project .container .project_details .left_side .about_the_project .total_amount, .become_member .container .project_details .right_side .project_expenses .grant_amount, .become_member .container .project_details .right_side .project_expenses .financing, .become_member .container .project_details .right_side .project_expenses .total_amount, .become_member .container .project_details .right_side .about_the_project .grant_amount, .become_member .container .project_details .right_side .about_the_project .financing, .become_member .container .project_details .right_side .about_the_project .total_amount, .become_member .container .project_details .left_side .project_expenses .grant_amount, .become_member .container .project_details .left_side .project_expenses .financing, .become_member .container .project_details .left_side .project_expenses .total_amount, .become_member .container .project_details .left_side .about_the_project .grant_amount, .become_member .container .project_details .left_side .about_the_project .financing, .become_member .container .project_details .left_side .about_the_project .total_amount {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.project .container .project_details .right_side .project_expenses .grant_amount p, .project .container .project_details .right_side .project_expenses .financing p, .project .container .project_details .right_side .project_expenses .total_amount p, .project .container .project_details .right_side .about_the_project .grant_amount p, .project .container .project_details .right_side .about_the_project .financing p, .project .container .project_details .right_side .about_the_project .total_amount p, .project .container .project_details .left_side .project_expenses .grant_amount p, .project .container .project_details .left_side .project_expenses .financing p, .project .container .project_details .left_side .project_expenses .total_amount p, .project .container .project_details .left_side .about_the_project .grant_amount p, .project .container .project_details .left_side .about_the_project .financing p, .project .container .project_details .left_side .about_the_project .total_amount p, .become_member .container .project_details .right_side .project_expenses .grant_amount p, .become_member .container .project_details .right_side .project_expenses .financing p, .become_member .container .project_details .right_side .project_expenses .total_amount p, .become_member .container .project_details .right_side .about_the_project .grant_amount p, .become_member .container .project_details .right_side .about_the_project .financing p, .become_member .container .project_details .right_side .about_the_project .total_amount p, .become_member .container .project_details .left_side .project_expenses .grant_amount p, .become_member .container .project_details .left_side .project_expenses .financing p, .become_member .container .project_details .left_side .project_expenses .total_amount p, .become_member .container .project_details .left_side .about_the_project .grant_amount p, .become_member .container .project_details .left_side .about_the_project .financing p, .become_member .container .project_details .left_side .about_the_project .total_amount p {
  font-size: 16px;
}
.project .container .project_details .right_side .project_expenses .grant_amount h3, .project .container .project_details .right_side .project_expenses .financing h3, .project .container .project_details .right_side .project_expenses .total_amount h3, .project .container .project_details .right_side .about_the_project .grant_amount h3, .project .container .project_details .right_side .about_the_project .financing h3, .project .container .project_details .right_side .about_the_project .total_amount h3, .project .container .project_details .left_side .project_expenses .grant_amount h3, .project .container .project_details .left_side .project_expenses .financing h3, .project .container .project_details .left_side .project_expenses .total_amount h3, .project .container .project_details .left_side .about_the_project .grant_amount h3, .project .container .project_details .left_side .about_the_project .financing h3, .project .container .project_details .left_side .about_the_project .total_amount h3, .become_member .container .project_details .right_side .project_expenses .grant_amount h3, .become_member .container .project_details .right_side .project_expenses .financing h3, .become_member .container .project_details .right_side .project_expenses .total_amount h3, .become_member .container .project_details .right_side .about_the_project .grant_amount h3, .become_member .container .project_details .right_side .about_the_project .financing h3, .become_member .container .project_details .right_side .about_the_project .total_amount h3, .become_member .container .project_details .left_side .project_expenses .grant_amount h3, .become_member .container .project_details .left_side .project_expenses .financing h3, .become_member .container .project_details .left_side .project_expenses .total_amount h3, .become_member .container .project_details .left_side .about_the_project .grant_amount h3, .become_member .container .project_details .left_side .about_the_project .financing h3, .become_member .container .project_details .left_side .about_the_project .total_amount h3 {
  color: #75AA37;
  font-size: 36px;
  line-height: 93.515%;
  font-weight: 400;
  font-family: "daysone";
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .project_expenses .grant_amount h3, .project .container .project_details .right_side .project_expenses .financing h3, .project .container .project_details .right_side .project_expenses .total_amount h3, .project .container .project_details .right_side .about_the_project .grant_amount h3, .project .container .project_details .right_side .about_the_project .financing h3, .project .container .project_details .right_side .about_the_project .total_amount h3, .project .container .project_details .left_side .project_expenses .grant_amount h3, .project .container .project_details .left_side .project_expenses .financing h3, .project .container .project_details .left_side .project_expenses .total_amount h3, .project .container .project_details .left_side .about_the_project .grant_amount h3, .project .container .project_details .left_side .about_the_project .financing h3, .project .container .project_details .left_side .about_the_project .total_amount h3, .become_member .container .project_details .right_side .project_expenses .grant_amount h3, .become_member .container .project_details .right_side .project_expenses .financing h3, .become_member .container .project_details .right_side .project_expenses .total_amount h3, .become_member .container .project_details .right_side .about_the_project .grant_amount h3, .become_member .container .project_details .right_side .about_the_project .financing h3, .become_member .container .project_details .right_side .about_the_project .total_amount h3, .become_member .container .project_details .left_side .project_expenses .grant_amount h3, .become_member .container .project_details .left_side .project_expenses .financing h3, .become_member .container .project_details .left_side .project_expenses .total_amount h3, .become_member .container .project_details .left_side .about_the_project .grant_amount h3, .become_member .container .project_details .left_side .about_the_project .financing h3, .become_member .container .project_details .left_side .about_the_project .total_amount h3 {
    font-size: 32px;
  }
}
.project .container .project_details .right_side .project_expenses .financing h3, .project .container .project_details .right_side .about_the_project .financing h3, .project .container .project_details .left_side .project_expenses .financing h3, .project .container .project_details .left_side .about_the_project .financing h3, .become_member .container .project_details .right_side .project_expenses .financing h3, .become_member .container .project_details .right_side .about_the_project .financing h3, .become_member .container .project_details .left_side .project_expenses .financing h3, .become_member .container .project_details .left_side .about_the_project .financing h3 {
  color: #9E9E9E;
}
@media (max-width: 1100px) {
  .project .container .project_details .right_side .project_expenses.second, .project .container .project_details .left_side .project_expenses.second, .become_member .container .project_details .right_side .project_expenses.second, .become_member .container .project_details .left_side .project_expenses.second {
    display: none;
  }
}
.project .container .project_details .right_side .about_the_project, .project .container .project_details .left_side .about_the_project, .become_member .container .project_details .right_side .about_the_project, .become_member .container .project_details .left_side .about_the_project {
  margin-top: 20px;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .about_the_project, .project .container .project_details .left_side .about_the_project, .become_member .container .project_details .right_side .about_the_project, .become_member .container .project_details .left_side .about_the_project {
    margin-top: 0;
  }
}
.project .container .project_details .right_side .about_the_project .swiper, .project .container .project_details .left_side .about_the_project .swiper, .become_member .container .project_details .right_side .about_the_project .swiper, .become_member .container .project_details .left_side .about_the_project .swiper {
  width: 100%;
  height: 400px;
  margin-top: 20px;
  padding: 0 30px;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .about_the_project .swiper, .project .container .project_details .left_side .about_the_project .swiper, .become_member .container .project_details .right_side .about_the_project .swiper, .become_member .container .project_details .left_side .about_the_project .swiper {
    padding: 0;
  }
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-slide, .project .container .project_details .left_side .about_the_project .swiper .swiper-slide, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-slide, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-slide img, .project .container .project_details .left_side .about_the_project .swiper .swiper-slide img, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-slide img, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-next, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next {
  width: 50px;
  right: 7px;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .about_the_project .swiper .swiper-button-next, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next {
    display: none;
  }
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg path, .project .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg circle, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg path, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg circle, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg path, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg circle, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg path, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg circle {
  transition: 0.3s all ease;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg:hover path, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg:hover path, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg:hover path, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg:hover path {
  fill: #fff;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg:hover circle, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg:hover circle, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next svg:hover circle, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next svg:hover circle {
  fill: #75AA37;
  fill-opacity: 0.8;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-next::after, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-next::after, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-next::after, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-next::after {
  content: none;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev {
  width: 50px;
  left: 7px;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev {
    display: none;
  }
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev::after, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev::after, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev::after, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev::after {
  content: none;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg path, .project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg circle, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg path, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg circle, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg path, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg circle, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg path, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg circle {
  transition: 0.3s all ease;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg:hover path, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg:hover path, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg:hover path, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg:hover path {
  fill: #fff;
}
.project .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg:hover circle, .project .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg:hover circle, .become_member .container .project_details .right_side .about_the_project .swiper .swiper-button-prev svg:hover circle, .become_member .container .project_details .left_side .about_the_project .swiper .swiper-button-prev svg:hover circle {
  fill: #75AA37;
  fill-opacity: 0.8;
}
.project .container .project_details .right_side .about_the_project .swiper-pagination, .project .container .project_details .left_side .about_the_project .swiper-pagination, .become_member .container .project_details .right_side .about_the_project .swiper-pagination, .become_member .container .project_details .left_side .about_the_project .swiper-pagination {
  position: relative;
  margin-top: 20px;
}
.project .container .project_details .right_side .about_the_project .swiper-pagination-bullet, .project .container .project_details .left_side .about_the_project .swiper-pagination-bullet, .become_member .container .project_details .right_side .about_the_project .swiper-pagination-bullet, .become_member .container .project_details .left_side .about_the_project .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}
.project .container .project_details .right_side .about_the_project .swiper-pagination-bullet-active, .project .container .project_details .left_side .about_the_project .swiper-pagination-bullet-active, .become_member .container .project_details .right_side .about_the_project .swiper-pagination-bullet-active, .become_member .container .project_details .left_side .about_the_project .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: #717171;
}
.project .container .project_details .right_side .about_the_project h5, .project .container .project_details .left_side .about_the_project h5, .become_member .container .project_details .right_side .about_the_project h5, .become_member .container .project_details .left_side .about_the_project h5 {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 5px;
}
@media (max-width: 576px) {
  .project .container .project_details .right_side .about_the_project h5, .project .container .project_details .left_side .about_the_project h5, .become_member .container .project_details .right_side .about_the_project h5, .become_member .container .project_details .left_side .about_the_project h5 {
    font-size: 16px;
    font-weight: 500;
  }
}
.project .container .project_details .right_side .about_the_project p, .project .container .project_details .left_side .about_the_project p, .become_member .container .project_details .right_side .about_the_project p, .become_member .container .project_details .left_side .about_the_project p {
  font-size: 16px;
}
.project .container .project_details .right_side .about_the_project ol, .project .container .project_details .left_side .about_the_project ol, .become_member .container .project_details .right_side .about_the_project ol, .become_member .container .project_details .left_side .about_the_project ol {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 20px;
}
.project .container .project_details .right_side .about_the_project ol li, .project .container .project_details .left_side .about_the_project ol li, .become_member .container .project_details .right_side .about_the_project ol li, .become_member .container .project_details .left_side .about_the_project ol li {
  font-size: 16px;
}
.project .container .up_button, .become_member .container .up_button {
  position: absolute;
  bottom: 0;
  right: -140px;
}
@media (max-width: 1370px) {
  .project .container .up_button, .become_member .container .up_button {
    right: -80px;
  }
}
@media (max-width: 1270px) {
  .project .container .up_button, .become_member .container .up_button {
    bottom: -82px;
    right: -15px;
  }
}
@media (max-width: 1100px) {
  .project .container .up_button, .become_member .container .up_button {
    display: none;
  }
}
.project .right_deco, .become_member .right_deco {
  position: absolute;
  right: 0;
  top: 100px;
  z-index: -1;
}
@media (max-width: 1450px) {
  .project .right_deco, .become_member .right_deco {
    display: none;
  }
}
.project .left_deco, .become_member .left_deco {
  position: absolute;
  left: 0px;
  top: 100px;
  z-index: -1;
}
@media (max-width: 1100px) {
  .project .left_deco, .become_member .left_deco {
    display: none;
  }
}

.flatpickr-calendar{
 width: 340px;
}

.empty-list-results{
  min-width: 800px;
}

@media (max-width: 750px) {
  .empty-list-results {
   min-width: inherit;
  }
}


.nominations_category {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.categories-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 в ряд на десктопе */
  gap: 20px;
}

.categories-list-item {
  background: #EFB662; /* Единый фон для всех блоков */
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  padding:20px;
  min-height: 220px;

}

.categories-list-item:hover {
  transform: translateY(-5px);
}

.categories-list-item img {
  width: 100px;

}

.categories-list-item h3 {
  margin: 20px 0 0 0;
  color: #fff;
  font-size: 22px;
  font-family: "daysone";
  font-weight: 400;
}

/* Планшеты и мобильные — 1 в ряд */
@media (max-width: 1024px) {
  .categories-list {
    grid-template-columns: 1fr; /* 1 в ряд */
  }

  .categories-list-item {
    height: auto; /* Можно сделать auto, если хочешь гибкую высоту */
  }
}


.grant_banner .container h1, .grant_banner .container h2 {
  max-width: 70%;
}


.team-bonus-banner__link{
  background: #EFB662;
  display: block;
  padding: 20px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
}

.ajax-add-form-result-success{
  width: 50%;
  padding: 45px 30px;
  border-radius: 20px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  font-size: 24px;
  color: #66E223;
}