@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");
.navbar-nav {
  display: flex;
  gap: 15px;
  margin: 0;
}

.nav-item {
  font-size: 16px;
}

.navbar-nav .nav-link {
  margin: 0;
  color: #005a5a;
  padding: 10px 5px;
  transition: color 0.3s ease, transform 0.3s ease, text-shadow 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: #b79c62 !important;
  text-shadow: 0px 0px 18px rgba(0, 90, 90, 0.5);
  transform: scale(1.05);
}

.btn-header {
  padding: 8px 24px;
  gap: 10px;
  width: 125px;
  height: 35px;
  background: linear-gradient(90deg, #005a5a 6.03%, #003b3b 88.54%);
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.25);
  border-radius: 148px;
  border: none;
  color: white;
  transition: all 0.3s ease;
}
.btn-header:hover {
  background: linear-gradient(90deg, #007f7f 6.03%, #005c5c 88.54%);
  box-shadow: 0px 0px 18px rgba(0, 90, 90, 0.5);
  transform: scale(1.05);
  color: white;
}
.btn-header:active {
  transform: scale(0.98);
  box-shadow: 0px 0px 10px rgba(0, 90, 90, 0.3);
}
@media (max-width: 767px) {
  .btn-header {
    display: none;
  }
}

.visuallyHidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.hamburger {
  margin: 0 auto;
  margin-left: 10px;
  width: 30px;
  height: 30px;
  position: relative;
  display: none;
}
@media (max-width: 767px) {
  .hamburger {
    display: block;
  }
}

.hamburger .bar {
  width: 30px;
  height: 4px;
  background-color: rgb(78, 75, 75);
  display: block;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  position: absolute;
}

.bar1 {
  top: 0;
}

.bar2,
.bar3 {
  top: 13.5px;
}

.bar3 {
  right: 0;
}

.bar4 {
  bottom: 0;
}

.checkbox1:checked + label > .hamburger1 > .bar1 {
  transform: rotate(45deg);
  transform-origin: 5%;
  width: 41px;
}

.checkbox1:checked + label > .hamburger1 > .bar2 {
  transform: translateX(-40px);
  background-color: transparent;
}

.checkbox1:checked + label > .hamburger1 > .bar3 {
  transform: translateX(40px);
  background-color: transparent;
}

.checkbox1:checked + label > .hamburger1 > .bar4 {
  transform-origin: 5%;
  transform: rotate(-45deg);
  width: 41px;
}

.footer {
  background-color: #005a5a !important;
  color: #e1e1e1;
  padding: 40px 0;
  background-image: url("../imgs/footer.png");
  background-size: contain;
  background-position: center bottom;
  position: relative;
}
.footer .footer-logo {
  max-width: 150px;
}
.footer .btn-gold {
  background-color: #b79c62;
  color: #e1e1e1;
  border-radius: 50px;
  padding: 10px 33px;
  text-align: center;
}
@media (max-width: 767px) {
  .footer .btn-gold {
    margin: 1.5rem !important;
  }
}
.footer .btn-gold:hover {
  background: linear-gradient(90deg, #bfa165 0%, #a58447 100%);
  transform: scale(1.05);
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
}
.footer .btn-gold:active {
  background: linear-gradient(90deg, #a58447 0%, #b79c62 100%);
  transform: scale(0.98);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
  border: 1px solid #fff;
}
.footer .mail {
  color: #b79c62;
}
.footer .social-icons a {
  display: inline-block;
  margin-right: 20px;
  transition: transform 0.4s ease-in-out;
}
.footer .social-icons a img {
  width: 30px;
  height: 30px;
}
.footer .social-icons a:last-child {
  margin-right: 0;
}
.footer .social-icons a:hover {
  transform: rotate(360deg);
}
.footer h5 {
  color: #b79c62;
  font-size: 20px;
  margin-bottom: 20px;
}
.footer p,
.footer a {
  text-decoration: none;
  color: #e1e1e1;
  margin: 0;
  font-size: 14px;
}
.footer a:hover {
  text-decoration: underline;
}
.footer p {
  margin-bottom: 10px;
}
.footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer ul li {
  margin-bottom: 10px;
}
.footer ul li a {
  font-size: 14px;
  color: #e1e1e1;
}
.footer ul li a:hover {
  color: #b79c62;
  text-decoration: none;
}
.footer .footer-bg {
  max-width: 100%;
  height: auto;
}
.footer .footer-divider {
  border-top: 1px solid #fff;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 768px) {
  .footer .footer {
    text-align: center;
  }
  .footer .footer .social-icons {
    justify-content: center;
    margin-bottom: 20px;
  }
  .footer .footer .btn-gold {
    margin-bottom: 30px;
  }
  .footer .footer .footer-logo {
    margin-bottom: 30px;
  }
}

@font-face {
  font-family: "Expo";
  src: url("../fonts/Expo.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ExpoBold";
  src: url("../fonts/ExpoArabic-Bold.otf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "ExpoSemiBold";
  src: url("../fonts/ExpoArabic-SemiBold-1.ttf") format("truetype");
}
@font-face {
  font-family: "ExpoBook";
  src: url("../fonts/ExpoArabic-Book.ttf") format("truetype");
}
@font-face {
  font-family: "ExpoLight";
  src: url("../fonts/Expo Arabic Medium.ttf") format("truetype");
}
.fade-in-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.5s ease-out, transform 1.5s ease-out;
  will-change: opacity, transform;
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: none;
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}

html,
body {
  font-family: "Expo", "ExpoBold", "ExpoSemiBold", "ExpoBook", "ExpoLight";
  font-size: 14px;
  padding: 0;
  margin: 0;
  color: #667e9b;
  height: 100%;
  width: 100%;
  background: #ffffff;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
html ::-moz-selection, body ::-moz-selection {
  background: #004f4f;
  color: #ffffff;
}
html ::selection,
body ::selection {
  background: #004f4f;
  color: #ffffff;
}
html a:hover,
body a:hover {
  text-decoration: none;
}
html img,
body img {
  max-width: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.navbar-nav .nav-item .home {
  color: #b79c62;
}

.home-head {
  margin: 10px;
  margin-bottom: 60px;
  border-radius: 16px;
  position: relative;
  height: 700.65px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .home-head {
    height: 200px;
  }
}
.home-head .background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.home-head h2 {
  font-weight: 200;
  font-size: 40px;
  margin-top: 80px;
  color: #ffffff;
  text-align: center;
}
@media (max-width: 991px) {
  .home-head {
    width: auto;
    background-position: center;
  }
}

#carouselHome {
  background: #d8d8d8;
  padding-top: 45px;
}

.news-sections .carousel .carousel-item {
  padding-left: 0;
  padding-right: 0;
}

.carousel-inner {
  padding-top: 75px;
}
.carousel-inner .carousel-item {
  transition: transform 0.1s ease-in-out;
  width: 100%;
  height: auto;
}
.carousel-inner .carousel-item .value-section {
  padding: 0px 12px 80px;
  padding-bottom: 85px;
  background-color: #d8d8d8;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section {
    height: 664px;
  }
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .no-padding {
    padding: 0px;
  }
}
.carousel-inner .carousel-item .value-section .values {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.carousel-inner .carousel-item .value-section .values .vector {
  display: inline-block;
  margin-left: 12px;
  width: 21.66px;
  height: 58.54px;
  margin-bottom: 10px;
}
.carousel-inner .carousel-item .value-section .values h2 {
  font-size: 33px;
  display: flex;
  margin-bottom: 0px;
  margin-top: 10px;
  color: #005a5a;
  display: inline-flex;
  align-items: center;
  position: relative;
  font-weight: bold;
  margin-left: 30px;
}
.carousel-inner .carousel-item .value-section .values .words-list {
  margin-left: 30px;
  position: relative;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .words-list {
    margin-left: 0;
    width: 100%;
    margin-top: 0px;
    padding-left: 15px;
  }
}
.carousel-inner .carousel-item .value-section .values .words-list .vertical-line {
  margin-top: 7px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  width: 2px;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .words-list .vertical-line {
    width: 100%;
    height: 2px;
    position: static;
    margin-top: 0px;
  }
}
.carousel-inner .carousel-item .value-section .values .vertical-line1 {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .vertical-line1 {
    background: linear-gradient(to left, #005a5a 0%, #ffffff 12%);
  }
}
.carousel-inner .carousel-item .value-section .values .vertical-line2 {
  background: linear-gradient(to bottom, #005a5a 0%, #ffffff 35%);
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .vertical-line2 {
    background: linear-gradient(to left, #005a5a 12%, #ffffff 35%);
  }
}
.carousel-inner .carousel-item .value-section .values .vertical-line3 {
  background: linear-gradient(to bottom, #005a5a 35%, #ffffff 50%);
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .vertical-line3 {
    background: linear-gradient(to left, #005a5a 35%, #ffffff 50%);
  }
}
.carousel-inner .carousel-item .value-section .values .vertical-line4 {
  background: linear-gradient(to bottom, #005a5a 50%, #ffffff 85%);
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .vertical-line4 {
    background: linear-gradient(to left, #005a5a 50%, #ffffff 85%);
  }
}
.carousel-inner .carousel-item .value-section .values .vertical-line5 {
  background: linear-gradient(to bottom, #005a5a 85%, #005a5a 100%);
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .vertical-line5 {
    background: linear-gradient(to left, #005a5a 85%, #005a5a 100%);
  }
}
.carousel-inner .carousel-item .value-section .values .circle {
  margin-top: 7px;
  width: 10px;
  height: 10px;
  background-color: #005a5a;
  border-radius: 50%;
  position: absolute;
  right: 6px;
  top: 0;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .circle {
    right: 37px;
    top: 45px;
  }
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .circle2 {
    right: 103px;
    top: 45px;
  }
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .circle3 {
    right: 170px;
    top: 45px;
  }
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .circle4 {
    right: 247px;
    top: 45px;
  }
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values .circle5 {
    right: 346px;
    top: 45px;
  }
}
.carousel-inner .carousel-item .value-section .values ul {
  padding-right: 30px;
  margin: 0;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values ul {
    display: flex;
    justify-content: space-between;
    padding-right: 0;
    margin-top: 20px;
    gap: 12px;
  }
}
.carousel-inner .carousel-item .value-section .values ul .active-li {
  font-size: 24px;
  margin-bottom: 10px;
  text-shadow: -1px 3px 3px #808080;
  color: #005a5a;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values ul .active-li {
    font-size: 18px;
    text-shadow: none;
  }
}
.carousel-inner .carousel-item .value-section .values ul .unactive-li {
  font-size: 24px;
  margin-bottom: 10px;
  text-shadow: -1px 3px 3px #808080;
  color: #ffffff;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .value-section .values ul .unactive-li {
    font-size: 18px;
    text-shadow: none;
    color: #808080;
  }
}
.carousel-inner .carousel-item .image-col-1 {
  padding: 32px;
  height: 352.58px;
  background: url("../imgs/hands-shake2.png"), #005a5a;
  border: 3px solid #035959;
  border-radius: 16px;
  background-size: cover;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .image-col-1 {
    margin-top: 20px;
  }
}
.carousel-inner .carousel-item .image-col-1 p {
  text-align: justify;
  margin-top: 70px;
  color: #ffffff;
  font-size: 26px;
  font-weight: 100;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .image-col-1 p {
    margin-top: 0px;
  }
}
.carousel-inner .carousel-item .image-col-1 img {
  margin-top: 10px;
}
.carousel-inner .carousel-item .image-col-2 {
  padding: 32px;
  height: 352.58px;
  background: url("../imgs/mezan-bck.png"), #005a5a;
  border: 3px solid #035959;
  border-radius: 16px;
  background-size: cover;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .image-col-2 {
    margin-top: 20px;
  }
}
.carousel-inner .carousel-item .image-col-2 p {
  text-align: justify;
  margin-top: 70px;
  color: #ffffff;
  font-size: 26px;
  font-weight: 100;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .image-col-2 p {
    margin-top: 0px;
  }
}
.carousel-inner .carousel-item .image-col-2 img {
  margin-top: 10px;
}
.carousel-inner .carousel-item .image-col-3 {
  padding: 32px;
  height: 352.58px;
  background: url("../imgs/tow-circel-bac.png"), #005a5a;
  border: 3px solid #035959;
  border-radius: 16px;
  background-size: cover;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .image-col-3 {
    margin-top: 20px;
  }
}
.carousel-inner .carousel-item .image-col-3 p {
  text-align: justify;
  margin-top: 70px;
  color: #ffffff;
  font-size: 26px;
  font-weight: 100;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .image-col-3 p {
    margin-top: 0px;
  }
}
.carousel-inner .carousel-item .image-col-3 img {
  margin-top: 10px;
}
.carousel-inner .carousel-item .image-col-4 {
  padding: 32px;
  height: 352.58px;
  background: url("../imgs/correct-bags-bac.png"), #005a5a;
  border: 3px solid #035959;
  border-radius: 16px;
  background-size: cover;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .image-col-4 {
    margin-top: 20px;
  }
}
.carousel-inner .carousel-item .image-col-4 p {
  text-align: justify;
  margin-top: 70px;
  color: #ffffff;
  font-size: 26px;
  font-weight: 100;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .image-col-4 p {
    margin-top: 0px;
  }
}
.carousel-inner .carousel-item .image-col-4 img {
  margin-top: 10px;
}
.carousel-inner .carousel-item .image-col-5 {
  padding: 32px;
  height: 352.58px;
  background: url("../imgs/chess-bac.png"), #005a5a;
  border: 3px solid #035959;
  border-radius: 16px;
  background-size: cover;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .image-col-5 {
    margin-top: 20px;
  }
}
.carousel-inner .carousel-item .image-col-5 p {
  text-align: justify;
  margin-top: 70px;
  color: #ffffff;
  font-size: 26px;
  font-weight: 100;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item .image-col-5 p {
    margin-top: 0px;
  }
}
.carousel-inner .carousel-item .image-col-5 img {
  margin-top: 10px;
}

.word-container {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 80px 227px 80px;
  gap: 64px;
}
@media (max-width: 767px) {
  .word-container {
    padding: 0px 10px 80px;
  }
}
.word-container .buttons-content {
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: #d8d8d8;
  border-radius: 120px;
  padding: 5px;
}
.word-container .buttons-content .vison {
  cursor: pointer;
  gap: 10px;
  font-size: 28px;
  width: 151px;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  border-radius: 90px;
  transition: all 0.3s ease;
}
.word-container .buttons-content .word {
  cursor: pointer;
  gap: 10px;
  font-size: 28px;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  border-radius: 90px;
  transition: all 0.3s ease;
}
.word-container .buttons-content .horizon-line {
  width: 64px;
  height: 5px;
  background-color: #005a5a;
  margin: 0px 0;
}
.word-container .buttons-content .active {
  background-color: #005a5a;
  color: white;
}
.word-container .buttons-content .deactive {
  background-color: #ffffff;
  color: #59595c;
}
.word-container .buttons-content .vison.active:hover,
.word-container .buttons-content .word.active:hover {
  background-color: #007f7f;
  box-shadow: 0px 0px 10px rgba(0, 90, 90, 0.5);
  transform: scale(1.05);
}
.word-container .buttons-content .vison.deactive:hover,
.word-container .buttons-content .word.deactive:hover {
  background-color: #f2f2f2;
  color: #005a5a;
  box-shadow: 0px 0px 10px rgba(0, 90, 90, 0.1);
  transform: scale(1.05);
}
.word-container .p-content {
  display: flex;
  align-items: center;
  padding: 3px 10px 3px;
  gap: 18px;
  width: 940px;
  height: 182px;
  text-align: center;
  border: 3px solid #b89c61;
  filter: drop-shadow(0px 4px 54px rgba(0, 0, 0, 0.2)) drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.08));
  border-radius: 24px;
}
@media (max-width: 767px) {
  .word-container .p-content {
    padding: 0px;
  }
}
.word-container .p-content p {
  font-size: 28px;
  font-weight: 200;
  color: #59595c;
  padding: 18px;
  text-align: justify;
}
.word-container .p-content p span {
  color: #005a5a;
}
@media (max-width: 767px) {
  .word-container .p-content p {
    font-size: 24px;
    word-spacing: 0px;
  }
}
@media (max-width: 767px) {
  .word-container .p-content {
    width: auto;
    height: 295px;
  }
}

.goals .active-card-detiles {
  padding: 32px 16px;
  background: #e6e6e6;
  border: 1px solid #b79c62;
  box-shadow: inset 0px 0px 8px rgba(255, 255, 255, 0.25);
  border-radius: 16px;
  transition: background-color 0.3s ease, border 0.3s ease;
}
.goals .text-to-hide {
  display: none;
}
.goals .goal-card {
  cursor: pointer;
  margin: auto;
}
.goals .goal-card:hover {
  padding: 32px 16px;
  transform: translateY(-10px);
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
  background-color: #f7f7f7;
  border: 1px solid #b79c62;
  border-radius: 16px;
}
.goals .goal-card:active {
  padding: 32px 16px;
  border-radius: 16px;
  transition: background-color 0.3s ease, border 0.3s ease;
  background: #e6e6e6;
}
.goals .goal-card p {
  font-size: 16px;
  margin-top: 30px;
  text-align: center;
  color: #59595c;
}

.stratiges .statiges-sections {
  padding: 40px;
}
@media (max-width: 767px) {
  .stratiges .statiges-sections {
    padding: 10px;
  }
}
.stratiges .statiges-sections .vector {
  display: inline-block;
  margin-left: 12px;
  width: 21.66px;
  height: 58.54px;
  margin-bottom: 10px;
}
.stratiges .statiges-sections h2 {
  font-size: 33px;
  display: flex;
  margin-bottom: 0px;
  margin-top: 10px;
  color: #005a5a;
  display: inline-flex;
  align-items: center;
  position: relative;
  font-weight: bold;
  margin-left: 30px;
}
.stratiges .statiges-sections p {
  margin-top: 100px;
  margin-bottom: 40px;
  color: #005a5a;
  font-size: 26px;
  text-align: justify;
  word-spacing: 10px;
}
@media (max-width: 767px) {
  .stratiges .statiges-sections p {
    word-spacing: 0px;
    margin-top: 20px;
  }
}
.stratiges .statiges-sections span {
  padding: 8px 16.08px;
  width: 215.16px;
  height: 37px;
  left: 574.84px;
  top: 185px;
  font-size: 17px;
  color: #ffffff;
  background: linear-gradient(90deg, #035959 6.03%, #003b3b 88.54%);
  border-radius: 8px;
}
@media (max-width: 767px) {
  .stratiges .statiges-sections span {
    display: flex;
    width: 348.16px;
    height: 42px;
    font-size: 20px;
    text-align: center;
  }
}
.stratiges .mosq-sections {
  width: 370px;
  height: 546px;
}
.stratiges .mosq-sections img {
  border-radius: 24px;
}

.goals-sections {
  padding: 50px 100px 50px;
}
.goals-sections .green-color {
  color: #035959;
  font-size: 16px;
}
@media (max-width: 767px) {
  .goals-sections {
    padding: 10px;
  }
}
.goals-sections .vector {
  display: inline-block;
  margin-left: 12px;
  width: 21.66px;
  height: 58.54px;
  margin-bottom: 10px;
}
.goals-sections h2 {
  font-size: 33px;
  display: flex;
  margin-bottom: 0px;
  margin-top: 10px;
  color: #005a5a;
  display: inline-flex;
  align-items: center;
  position: relative;
  font-weight: bold;
  margin-left: 30px;
}
.goals-sections .partners {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .goals-sections .partners {
    display: none;
  }
}
.goals-sections .partners .partners-row {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .goals-sections .partners .partners-row {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
}
.goals-sections .partners .partners-row img {
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
}
.goals-sections .slider-partners {
  display: none;
}
@media (max-width: 767px) {
  .goals-sections .slider-partners {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
}
.goals-sections .slider-partners .slider-items-partners {
  display: none;
}
@media (max-width: 767px) {
  .goals-sections .slider-partners .slider-items-partners {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    animation: scrolling 15s linear infinite;
  }
}
@keyframes scrolling {
  0% {
    transform: translateX(80%);
  }
  100% {
    transform: translateX(-20%);
  }
}
.goals-sections .slider-partners .slider-items img {
  margin: 20px;
}

@keyframes heartbeat {
  0%, 100% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.95);
  }
  75% {
    transform: scale(1.05);
  }
}
.carousel {
  padding-top: 44px;
  padding-bottom: 44px;
}
.carousel .carousel-item {
  padding-left: 50px;
  padding-right: 50px;
}
.carousel .text-container span {
  color: #bababa;
  font-size: 16px;
  margin: auto;
  margin-top: 10px;
}
.carousel .text-container h2 {
  margin-top: 20px;
  width: 404px;
  height: 28px;
  font-size: 28px;
  line-height: 100%;
  color: #035959;
}
.carousel .text-container p {
  margin-top: 20px;
  width: 404px;
  height: 16px;
  left: 0px;
  top: 76.31px;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #59595c;
}
.carousel .text-container .w-100 img {
  width: 404px;
  height: 235px;
  border-radius: 24px;
}
.carousel .carousel-control-prev-icon {
  opacity: 1;
}
.carousel .carousel-control-prev-icon::before {
  content: "";
  margin-top: 6px;
  display: inline-block;
  border: solid #b89c61;
  border-width: 0 4px 4px 0;
  padding: 5px;
  transform: rotate(494deg);
  opacity: 1;
}
.carousel .carousel-control-next-icon {
  opacity: 1;
}
.carousel .carousel-control-next-icon::before {
  content: "";
  margin-top: 6px;
  display: inline-block;
  border: solid #b89c61;
  border-width: 0 4px 4px 0;
  padding: 5px;
  transform: rotate(-40deg);
}
@media (max-width: 768px) {
  .carousel {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .carousel .carousel-item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .carousel .carousel-inner .row {
    flex-direction: column;
    align-items: center;
  }
  .carousel .col-4 {
    width: 80%;
    margin-bottom: 15px;
  }
  .carousel .carousel-control-prev,
  .carousel .carousel-control-next {
    display: none;
    background: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .carousel .carousel-item {
    padding-left: 50px;
    padding-right: 50px;
  }
  .carousel .col-4 {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .slider-lg-screens {
    display: none;
  }
}

.carousel-item .col-4 {
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.carousel-item .col-4:hover {
  animation: heartbeat 0.6s ease-in-out;
}

.carousel-item img {
  transition: transform 0.3s ease;
}

.carousel-item .col-4:hover img {
  transform: scale(1.02);
}

.carousel-item .text-container h2 {
  transition: color 0.3s ease;
}

.carousel-item .col-4:hover .text-container h2 {
  color: #017d7d;
}

.carousel-control-prev {
  height: 40px;
  width: 40px;
  left: 0;
  top: -28px;
  border-radius: 10px;
  border: 5px solid #005a5a;
  opacity: 1;
}

.carousel-control-next {
  right: initial;
  left: 54px;
  top: -28px;
  height: 40px;
  width: 40px;
  border-radius: 10px;
  border: 5px solid #005a5a;
  opacity: 1;
}

.news-sections .carousel {
  padding: 0;
}
.news-sections .carousel .carousel-inner {
  padding-top: 40px;
}

.carousel-mobile {
  display: none;
}
@media (max-width: 767px) {
  .carousel-mobile {
    display: flex;
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .carousel-mobile .carousel-item {
    padding-left: 50px;
    padding-right: 50px;
  }
  .carousel-mobile .text-container span {
    color: #bababa;
    font-size: 16px;
    margin: auto;
    margin-top: 10px;
  }
  .carousel-mobile .text-container h2 {
    margin-top: 20px;
    width: 404px;
    height: 28px;
    font-size: 28px;
    line-height: 100%;
    color: #035959;
  }
  .carousel-mobile .text-container p {
    margin-top: 20px;
    width: 404px;
    height: 16px;
    left: 0px;
    top: 76.31px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #59595c;
  }
  .carousel-mobile .text-container .w-100 img {
    width: 404px;
    height: 235px;
    border-radius: 24px;
  }
  .carousel-mobile .carousel-control-prev-icon-mobile {
    opacity: 1;
    position: fixed;
    top: 16px;
    left: 25px;
  }
  .carousel-mobile .carousel-control-prev-icon-mobile::before {
    content: "";
    margin-top: 6px;
    display: inline-block;
    border: solid #b89c61;
    border-width: 0 4px 4px 0;
    padding: 5px;
    transform: rotate(494deg);
    opacity: 1;
  }
  .carousel-mobile .carousel-control-next-icon-mobile {
    opacity: 1;
    position: fixed;
    top: 16px;
    left: 75px;
  }
  .carousel-mobile .carousel-control-next-icon-mobile::before {
    content: "";
    margin-top: 6px;
    display: inline-block;
    border: solid #b89c61;
    border-width: 0 4px 4px 0;
    padding: 5px;
    transform: rotate(-40deg);
  }
}
@media (max-width: 767px) and (max-width: 768px) {
  .carousel-mobile {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .carousel-mobile .carousel-item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .carousel-mobile .carousel-inner .row {
    flex-direction: column;
    align-items: center;
  }
  .carousel-mobile .col-4 {
    width: 80%;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  .carousel-mobile .carousel-item {
    padding-left: 50px;
    padding-right: 50px;
  }
  .carousel-mobile .col-4 {
    width: 100%;
    margin-bottom: 20px;
  }
}

.carousel-item-mobile .col-4 {
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.carousel-item-mobile .col-4:hover {
  animation: heartbeat 0.6s ease-in-out;
}

.carousel-item-mobile img {
  transition: transform 0.3s ease;
}

.carousel-item-mobile .col-4:hover img {
  transform: scale(1.02);
}

.carousel-item-mobile .text-container h2 {
  transition: color 0.3s ease;
}

.carousel-item-mobile .col-4:hover .text-container h2 {
  color: #017d7d;
}

.carousel-control-prev-mobile {
  position: fixed;
  height: 40px;
  width: 40px;
  left: 8px;
  top: 10px;
  border-radius: 10px;
  border: 5px solid #005a5a;
  opacity: 1;
}

.carousel-control-next-mobile {
  position: fixed;
  right: initial;
  left: 62px;
  top: 10px;
  height: 40px;
  width: 40px;
  border-radius: 10px;
  border: 5px solid #005a5a;
  opacity: 1;
}/*# sourceMappingURL=index.css.map */