/* ========================= */
/* :: 1.0 WEB FONTS  */
/* ========================= */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Radley:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/* ================================== */
/* :: 2.0 GLOBAL Variable Define CSS  */
/* ================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  /* Google Font */
  --barlow: 'Barlow', sans-serif;
  --radley: 'Radley', serif;
  --playfair: 'Playfair Display', serif;

  /* Color Palette */
  --body-text: #162342;
  --heading-text: #1d2b47;
  --white: #fff;
  --black: #000;
  --primary: #4edfd6;
  --primary-dark: #13b2a8;
  --gray-dark: #1d2b47;
  --gray-light: #e3e7fe;
}

/* ========================= */
/* :: 3.0 COMMON CSS */
/* ========================= */
html,
body {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  color: var(--body-text);
  font-size: 18px;
  font-family: var(--barlow);
  font-weight: 400;
  line-height: 32px;
  background-color: var(--white);
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--radley);
  color: var(--heading-text);
}

section,
.section {
  position: relative;
}

.container {
  width: 100%;
  margin: 0 auto;
}

a,
button {
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a,
button {
  outline: none;
  box-shadow: none;
}

button {
  background: unset;
  padding: 0;
  border: none;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

ol li,
ul li {
  list-style: none;
}

p {
  font-size: 19px;
  line-height: 38px;
}

img {
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

input,
input:focus,
input:focus-visible,
input:active,
select,
.form-select,
.form-select:focus,
textarea {
  outline: none;
  border: none;
  box-shadow: none;
}

* + address,
* + dl,
* + fieldset,
* + figure,
* + ol,
* + p,
* + pre,
* + ul {
  margin: 0;
  padding: 0;
}

*::-moz-selection {
  background: var(--primary);
  color: var(--white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--primary);
  color: var(--white);
  text-shadow: none;
}

::selection {
  background: var(--primary);
  color: var(--white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--grey);
  font-size: 16px;
  opacity: 1;
}

*::placeholder {
  color: var(--grey);
  font-size: 16px;
  opacity: 1;
}

/* Resusable Component and CSS Start */
.border-text {
  color: var(--heading-text);
}

.border-text .text {
  min-width: 232px;
  padding: 13px 10px;
  border-top: 2px solid #7a8393;
  border-bottom: 2px solid #7a8393;
}

.section__title--bar {
  position: relative;
}

.section__title--bar::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 92px;
  height: 5px;
  background-color: var(--heading-text);
}
.text-primary-dark {
  color: var(--primary-dark);
}
.lh-xl {
  line-height: 2.2;
}
/* Resusable Component and CSS End */

/* Bootstrap Customized CSS Start */
.bg-primary {
  background-color: var(--gray-dark) !important;
}

.bg-secondary {
  background-color: var(--gray-light) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.btn {
  font-size: 19px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  padding: 24px 64px;
  border-radius: 40px;
  letter-spacing: 0.65px;
  outline: none;
  overflow: hidden;
  box-shadow: none;
}

.btn:focus {
  outline: none;
  box-shadow: none;
}

.btn-main {
  background-color: var(--primary);
  color: var(--gray-dark);
}

.btn-main:hover {
  background-color: var(--primary);
  color: var(--gray-dark);
}

.btn-anim span {
  display: inline-flex;
  transition: 0.4s;
  text-shadow: 0 45px var(--gray-dark);
  line-height: 1;
}

/* .btn-anim:hover span {
    transform: translateY(-45px);
} */

.btn-outline {
  border: 1px solid #4a479a;
  font-size: 13px;
  color: #fff;
  font-weight: normal;
  padding: 23px 44px;
}

.btn-outline:hover {
  border: 1px solid #4a479a;
  background-color: #4a479a;
  color: #fff;
}

.btn-outline span {
  text-shadow: 0 45px var(--white);
}

.fs-2 {
  font-size: 50px !important;
  line-height: 63px !important;
}

.fs-3 {
  font-size: 40px !important;
  line-height: 1.2 !important;
}

/* Bootstrap Customized CSS End */

/* =============================== */
/* :: 4.0 Header Area CSS Start */
/* =============================== */

/* Sticky Header Start */
.sticky-header {
  position: relative;
  width: 100%;
  z-index: 99999;
  transition: top 0.3s ease-in-out;
}

.sticky-header.sticky-active {
  position: fixed;
  top: -100px;
  left: 0;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

.sticky-header.sticky-active.sticky-show {
  top: 0;
}

/* Sticky Header End */

.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 9999;
  padding: 48px 0px;
}

.header__logo a img {
  max-width: 200px;
}

.header__links {
  gap: 32px;
}

.dropdown.header__lang button {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.65px;
}

.dropdown.header__lang button::after {
  background-image: url('../imgs/arrow-down.png');
  border: none;
  width: 16px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 5px;
}

.dropdown.header__lang .dropdown-menu {
  padding: 0px;
  border-radius: 0px;
}

.dropdown.header__lang .dropdown-item:hover {
  background-color: #4a479a;
  color: #fff;
}

.header__searcIcon {
  padding: 0;
  background: transparent;
}

.header__searcIcon img {
  max-width: 24px;
}

.header__nav ul {
  display: flex;
  align-items: center;
  gap: 55px;
}

.header__nav ul li a {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
  letter-spacing: 0.5px;
}

.header__nav ul li a span {
  display: inline-flex;
  transition: 0.4s;
  text-shadow: 0 30px var(--primary);
  line-height: 1;
}

.header__nav ul li:hover a span {
  transform: translateY(-30px);
}

.header__nav ul li a::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  content: '';
  background-color: var(--primary);
  transition: all 0.3s ease;
}

.header__nav ul li:hover a::after {
  width: 100%;
}

.header__nav {
  margin-right: 100px;
}

/* =============================== */
/* :: 4.0 Header Area CSS End */
/* =============================== */

/* =============================== */
/* :: 5.0 Hero Section CSS Start */
/* =============================== */

.hero--area {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

span.hero__pretitle {
  font-size: 20px;
  color: #fefefe;
  font-weight: normal;
  letter-spacing: 1.5px;
  display: block;
  margin-bottom: 60px;
}

.hero__content h1 {
  margin-bottom: 38px;
}

.hero__content p {
  font-size: 20px;
  line-height: 2;
  margin-bottom: 50px;
}

.hero__content {
  padding: 260px 0px 185px;
  max-width: 580px;
}

.hero__event {
  width: 400px;
  height: 518px;
  position: relative;
  padding: 30px;
  background: #25355a;
  border-radius: 60px;
}

img.hero__event-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 37px;
}

.hero__event-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 30px;
  align-items: flex-start;
  z-index: 2;
  border-radius: 36px;
  height: 100%;
}

.hero__right {
  height: 100%;
}

.event-tag {
  display: inline-block;
  background: #5a15cd;
  padding: 12px 25px;
  border-radius: 42px;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 1;
  color: #fefefe;
}

.hero__event-content h4 a {
  color: #4edfd6;
  font-family: var(--barlow);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}

.hero__event-content span.date {
  font-size: 17px;
  font-weight: 500;
  color: #fefefe;
  display: block;
  line-height: 1;
  margin: 8px 0px;
}

.hero__event-content p {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
  color: #ffffff;
  margin-bottom: 0px;
}

.hero__event-content h5 {
  margin-bottom: 0px;
}
.hero__event-content h5 a {
  font-size: 16px;
  color: #4edfd6;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: var(--barlow);
}

.hero__event-content::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(18deg, black, transparent);
  z-index: -1;
  border-radius: 36px;
}

.hero__event-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 30px;
  cursor: pointer;
}

.header__links .btn-outline {
  letter-spacing: 1.2px;
}

/* =============================== */
/* :: 5.0 Hero Section CSS End */
/* =============================== */

/* ======================================= */
/* :: 6.0 Why + Nubmers Sections CSS Start */
/* ======================================= */
.why {
  padding: 120px 0;
  background-color: var(--gray-light);
}

.why__wrapper {
  max-width: 632px;
}

.numbers {
  padding: 180px 0;
}

.numbers__top__text {
  position: absolute;
  left: 0;
  top: 0;
}

.numbers__row {
  gap: 48px 224px;
}

.numbers__item--two {
  margin-top: 24px;
}

.numbers__item--four {
  margin-top: 112px;
}

.numbers__item--five {
  margin-top: 80px;
}
.numbers__item--five .odometer-value {
  font-family: var(--playfair);
}

.numbers__digit {
  color: var(--heading-text);
  font-size: 98px;
  font-family: var(--radley) !important;
}
.numbers__bar {
  width: 250px;
  height: 5px;
  background-color: var(--primary);
  margin: 30px 0 25px;
}

.numbers__item--one .numbers__bar {
  width: 172px;
}

.numbers__item--three .numbers__bar {
  width: 192px;
}

.numbers__text {
  font-size: 30px;
  line-height: 1.16;
}

/* ======================================= */
/* :: 6.0 Why + Nubmers Sections CSS End */
/* ======================================= */

/* =============================== */
/* :: 7.0 Events Section CSS Start */
/* =============================== */
.events {
  padding: 148px 0 100px;
  background: url('../imgs/bg.webp') no-repeat center / cover, var(--gray-dark);
}

.events--nobg {
  background-image: none;
}

.events__row.g-5 {
  --bs-gutter-x: 48px;
  --bs-gutter-y: 48px;
}

.events__item {
  min-height: 464px;
  height: 100%;
  color: var(--heading-text);
}

.events__thumb {
  height: 56%;
}

.events__thumb__image {
  transition: all 0.5s ease-in-out;
}

.events__item:hover .events__thumb__image {
  transform: scale(1.1);
}

.events__details {
  flex-grow: 1;
  padding: 20px 30px 50px;
}

.events__location {
  color: #612ef1;
  font-size: 14px;
  letter-spacing: 2px;
}

.events__title {
  font-family: var(--barlow);
  font-size: 22px;
}

.events__date {
  font-size: 20px;
}

.events__all__btn {
  font-size: 34px;
  color: var(--white);
  position: relative;
  overflow: hidden;
  font-family: var(--radley);
}

.events__all__btn:hover {
  color: var(--primary);
}

.events__all__btn .text {
  text-decoration: underline;
  text-underline-offset: 6px;
  margin-bottom: 4px;
}

.events__all__btn .icon {
  position: relative;
  width: 44px;
  aspect-ratio: 1/ 1;
  overflow: hidden;
}

.btn__arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}

.events__all__btn:hover .btn__arrow {
  animation: arrowSlide 0.5s ease-in-out forwards;
}

@keyframes arrowSlide {
  0% {
    transform: translate(-50%, -50%);
  }

  50% {
    transform: translateX(100%) translateY(-50%);
    opacity: 0;
  }

  51% {
    transform: translateX(-100%) translateY(-50%);
    opacity: 0;
  }

  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

.events__top__title {
  border-color: #bec4da !important;
}

.about__events {
  max-width: 1404px;
  margin: 0 auto;
}

.about__events .events__row.g-5 {
  --bs-gutter-x: 100px;
}

/* =============================== */
/* :: 7.0 Events Section CSS End */
/* =============================== */

/* =============================== */
/* :: 8.0 Map Section CSS Start */
/* =============================== */
.map {
  padding: 60px 0;
}

.map--area::before,
.map--area::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 44%;
  background-color: var(--white);
  z-index: -1;
}

.map--area::after {
  top: auto;
  bottom: 0;
  height: 56%;
  background-color: var(--gray-light);
}

.map__wrapper {
  padding: 50px 60px;
}

.map__content {
  background-color: #07132c;
  padding: 30px 20px;
}

.map__title {
  font-size: 24px;
  font-family: var(--barlow);
  padding: 40px 0 50px;
}

.map__inner {
  max-width: 1300px;
}

/* map-image-animation */

.map__inner svg {
  max-width: 100%;
  height: 100%;
}
.map__inner svg g {
  opacity: 0;
  transition: all 0.3s;
  cursor: pointer;
}

.map__inner svg g#Africa_Hover_state:hover {
  opacity: 1;
}
.map__inner svg g#Asia_Hover_state_:hover {
  opacity: 1;
}
.map__inner svg g#Europe_Hover_state:hover {
  opacity: 1;
}
.map__inner svg g#Latin_American_and_Carribean_Hover_state_copy:hover {
  opacity: 1;
}
.map__inner svg g#North_America_Hover_state_copy_2:hover {
  opacity: 1;
}

/* map-image-animation--end */

/* =============================== */
/* :: 8.0 Map Section CSS End */
/* =============================== */

/* =============================== */
/* :: 9.0 Spotlight Section CSS Start */
/* =============================== */
.member {
  padding: 148px 0;
  background-color: var(--gray-light);
}

.member__wrapper {
  margin-left: 72px;
}

.member__content {
  max-width: 376px;
}

.member .section__title {
  padding-bottom: 32px;
  margin-bottom: 32px;
}

.member .section__title--bar::after {
  left: 0;
  transform: translate(0);
  background-color: var(--primary);
}

.section__subtitle {
  color: var(--body-text);
  font-size: 22px;
}

.member__slider {
  padding: 20px;
  padding-left: 0;
  margin: -20px;
  margin-left: 0;
}

.member__item {
  box-shadow: 11px 1px 8px rgba(0, 0, 0, 0.04);
}

.member__thumb {
  width: 396px;
}

.member__arrow {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: -45px;
}

.arrow__link {
  width: 106px;
  height: 106px;
  border-radius: 50%;
  border: 2px solid rgb(40, 183, 174);
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  position: relative;
}

.arrow__link::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  background-color: var(--gray-light);
  transition: all 0.3s ease-in;
  width: 10%;
  height: 10%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.arrow__link:hover::after,
.news__item:hover .arrow__link::after {
  width: 70%;
  height: 70%;
  opacity: 1;
}

.arrow__link span {
  width: 45px;
  height: 38px;
  position: relative;
  display: inline-flex;
  overflow: hidden;
  position: relative;
  z-index: 2;
  transition: all 0.5s;
}

.arrow__link:hover span,
.news__item:hover .arrow__link span {
  transform: rotate(-45deg) scale(0.8);
}

.arrow__link img {
  max-width: 100%;
  width: 100%;
  transition: all 0.3s ease-in;
}

.member__arrow {
  width: 44%;
  height: 84%;
}

.member__arrow::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d8e6ff;
  opacity: 0.52;
  z-index: -1;
}

.member__details {
  max-width: 424px;
  padding-top: 48px;
  padding-left: 20px;
}

.member__details__head {
  border-bottom: 4px solid #b1b7dd;
}

.member__name {
  font-size: 30px;
}

.member__slider__pagination {
  position: static;
  line-height: 1;
  margin-top: 40px;
  gap: 16px;
}

.member__slider__pagination .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  background-color: #c8cdec;
  opacity: 1;
  margin: 0 !important;
  position: relative;
}

.member__slider__pagination .swiper-pagination-bullet:hover::after,
.member__slider__pagination .swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}

.member__slider__pagination .swiper-pagination-bullet:hover::after,
.member__slider__pagination .swiper-pagination-bullet-active::after {
  transform: translate(-50%, -50%) scale(1);
}

/* =============================== */
/* :: 9.0 Spotlight Section CSS End */
/* =============================== */

/* =============================== */
/* :: 10.0 Testimonial Section CSS Start */
/* =============================== */
.testimonial {
  padding: 240px 0;
}

.testimonial__wrapper {
  max-width: 892px;
}

.testimonial__quote__box {
  width: 144px;
  height: 144px;
  background-color: #d9ddf3;
  font-family: var(--radley);
}

.testimonial__quote {
  font-size: 160px;
  margin-bottom: -40%;
}

.testimonial__para {
  font-size: 38px;
  font-family: var(--radley);
  line-height: 1.66;
  padding: 76px 0 70px;
}

.testimonial__client__info {
  font-size: 28px;
  line-height: 1.5;
}

.testimonial .swiper-button-next::after,
.testimonial .swiper-button-prev::after {
  display: none;
}

.testimonial .swiper-button-next {
  right: 0;
}

.testimonial .swiper-button-prev {
  left: 0;
}

.testimonial .swiper-button-next,
.testimonial .swiper-button-prev {
  margin-top: 0;
  transform: translateY(-50%);
}

.testimonial__slide__btn {
  width: auto;
  height: 612px;
  padding: 24px 16px;
  background-color: var(--heading-text);
  transition: all 0.3s ease-in;
}

.testimonial__slide__btn:hover {
  background-color: var(--primary);
}

.testimonial__slide__btn img {
  transition: all 0.3s ease-in-out;
}

.testimonial__slide__btn:hover img {
  filter: brightness(0);
}

/* =============================== */
/* :: 10.0 Testimonial Section CSS End */
/* =============================== */

/* =============================== */
/* :: 11.0 Case Section CSS Start */
/* =============================== */
.case {
  padding: 60px 0;
}

.case::before,
.case::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 66%;
  background-color: var(--white);
  z-index: -1;
}

.case::after {
  top: auto;
  bottom: 0;
  height: 34%;
  background-color: var(--gray-light);
}

.case__top__text {
  font-family: var(--radley);
}

.case__wrapper {
  max-width: 1480px;
}

.case__wrapper__row {
  gap: 125px;
}

.case__card {
  width: calc(33.333% - 84px);
  padding: 60px;
  padding-left: 40px;
  border-radius: 32px;
  background-color: var(--heading-text);
}

.case__card__location {
  color: #43e3e9;
  border-bottom: 3px solid var(--white);
}

/* =============================== */
/* :: 11.0 Case Section CSS End */
/* =============================== */

/* =============================== */
/* :: 12.0 News CSS Start */
/* =============================== */
.news--area {
  padding: 170px 0px;
}

.news__title {
  padding-bottom: 50px;
  border-bottom: 1px solid #bec4da;
  margin-bottom: 24px;
}

.news__title h2 {
  margin-bottom: 0px;
}

.news__row-gutter {
  --bs-gutter-x: 120px;
}

.news__item {
  display: flex;
  align-items: center;
  gap: 28px;
}

.news__item-content {
  flex-grow: 1;
}

.news__item-content h4 a {
  font-size: 30px;
  line-height: 45px;
  color: #1d2b47;
  display: block;
}

.news__item-content h4 {
  margin-bottom: 10px;
}

.news__item-content span.date {
  font-size: 24px;
  color: #18213c;
  display: block;
}

/* =============================== */
/* :: 12.0 News CSS End */
/* =============================== */

/* =============================== */
/* :: 13.0 Newsletter Section CSS Start */
/* =============================== */

.newsletter--area {
  padding: 100px 0px;
}

.newsletter__content {
  display: flex;
  align-items: center;
  gap: 70px;
}

.newsletter__content h2 {
  font-size: 43px;
  line-height: 1.1;
  color: #fff;
}

.newsletter__content a.btn {
  font-weight: bold;
}

/* =============================== */
/* :: 13.0 Newsletter Section CSS End */
/* =============================== */

/* =============================== */
/* :: 14.0 Footer Section CSS Start */
/* =============================== */

.footer__top {
  padding-top: 120px;
}

.footer__widget h5 {
  color: #fff;
  font-size: 30px;
  line-height: 45px;
  margin-bottom: 32px;
}

.footer__widget ul {
  margin-bottom: 60px;
}

.footer__widget ul li a {
  display: block;
  padding: 8px 0px;
  line-height: 1;
  color: #ebebeb;
  font-size: 19px;
  font-weight: normal;
}

.social {
  display: flex;
  align-items: center;
  gap: 20px;
}

.social a {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: var(--gray-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--primary);
  border: 1px solid transparent;
}

.social a:hover {
  background-color: var(--body-text);
}

.footer__menu ul {
  column-count: 2;
}

.footer__menu ul li a {
  display: block;
  color: #919bc1;
  text-decoration: underline;
  font-size: 17px;
  font-weight: normal;
  transition: all 0.3s;
  padding: 4px 0px;
}

.footer__menu {
  margin-top: 33px;
}

.footer__menu ul {
  margin-bottom: 40px;
}

.footer__newsletter {
  max-width: 550px;
  margin: 0 0 0 auto;
}

.footer__newsletter form {
  display: flex;
  align-items: center;
  border: 1px solid #49608a;
  border-radius: 40px;
  margin-bottom: 50px;
}

.footer__newsletter form button {
  padding: 0px 30px;
  border-left: 1px solid #fff;
  font-size: 16px;
  line-height: 28px;
  color: #92a3f8;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footer__newsletter input {
  height: 70px;
  flex-grow: 1;
  background: transparent;
  padding: 0px 30px;
  color: #fff;
}

.footer__brand img {
  max-width: 170px;
}

.footer__widget {
  margin-bottom: 42px;
}

.footer__bottom {
  border-top: 1px solid rgba(135, 144, 163, 0.12);
  padding: 40px 0px;
}

.footer__bottom-wrapper p {
  font-size: 16px;
  color: #8594b2;
  margin-bottom: 0px;
  line-height: 1;
  font-weight: normal;
}

ul.footer__bottom-menu li a {
  padding: 0px 10px;
  color: #8594b2;
  font-size: 15px;
  transition: all 0.3s;
  display: block;
  position: relative;
}

ul.footer__bottom-menu {
  display: flex;
  align-items: center;
}

ul.footer__bottom-menu li a::after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  content: '';
  background: #7a88a3;
  transform: translateY(-50%);
}

ul.footer__bottom-menu li:first-child a::after {
  display: none;
}

ul.footer__bottom-menu li:hover a {
  color: var(--primary);
  text-decoration: underline;
}

.footer__menu ul li:hover a {
  text-decoration: none;
  color: var(--primary);
}

/* =============================== */
/* :: 14.0 Footer Section CSS End */
/* =============================== */

/* =============================== */
/* :: 15.0 Offcanvs CSS start */
/* =============================== */

.offcanvas {
  z-index: 99999;
  background-color: var(--gray-light);
}

.offcanvas-header .dropdown button {
  color: #4a479a;
}

.offcanvas__nav ul li {
  padding: 10px 0px;
  border-bottom: 1px solid #16234263;
}

.offcanvas__nav ul li a {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: var(--gray-dark);
  transition: all 0.3s;
  text-align: center;
}

.offcanvas__nav ul li:hover a {
  letter-spacing: 1px;
  transform: translateX(10px);
}

.offcanvas__bottom .social a {
  width: 40px;
  height: 40px;
  font-size: 16px;
}

.offcanvas-title img {
  max-width: 138px;
}

/* =============================== */
/* :: 15.0 Offcanvs CSS End */
/* =============================== */

/* =============================== */
/* :: 16.0  page hero CSS Start */
/* =============================== */
.hero__page--area {
  min-height: 530px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hero__page-content {
  margin-top: 64px;
}
.join__wrapper {
  max-width: 980px;
  width: 100%;
}

/* =============================== */
/* :: 16.0 page hero  CSS end */
/* =============================== */

/* =============================== */
/* :: 17.0 benefit-area  CSS Start */
/* =============================== */
.container-max {
  max-width: 1800px;
  margin: 0 auto;
  width: 100%;
}

.benefit--area {
  position: relative;
  padding: 60px 0px 100px;
  z-index: 1;
}

.benefit--area::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 435px;
  content: '';
  background-color: var(--gray-light);
  z-index: -1;
}

.benefit__wrapper {
  background-image: url('../imgs/member/benifit-bg.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 150px 0px 140px;
}

.benefit__title {
  max-width: 380px;
}

.benefit__title h2 {
  color: #fff;
  padding-bottom: 24px;
  margin-bottom: 32px;
}

.benefit__title h2.section__title--bar::after {
  background-color: var(--primary);
  left: 0;
  transform: translateX(0);
}

.benefit__title p {
  color: #ffffff;
  max-width: 350px;
}

.benefit__title p a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}

.benifit__info-icon span {
  font-size: 24px;
  font-weight: 600;
  color: #1d2b47;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--gray-light);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.benifit__info-icon {
  flex: 0 0 auto;
}

.benifit__info {
  display: inline-flex;
  gap: 25px;
}

.benifit__info-text {
  max-width: 290px;
  text-align: start;
}

.benifit__info-text p {
  font-size: 17px;
  line-height: 28px;
  color: #ffffff;
}

.benifit__info:not(:last-child) {
  margin-bottom: 60px;
}

/* =============================== */
/* :: 17.0 benefit-area  CSS end */
/* =============================== */

/* =============================== */
/* :: 18.0 EventBlock CSS Start */
/* =============================== */

.eblock--area {
  background-color: var(--gray-light);
  padding: 100px 0px 280px;
  position: relative;
  z-index: 1;
}
.eblock__content h2 {
  color: var(--gray-dark);
  padding-bottom: 40px;
  margin-bottom: 32px;
}

.eblock__content h2::after {
  left: 0;
  transform: translateX(0);
  background-color: var(--primary);
}

.eblock__content p {
  color: #000000;
  max-width: 560px;
}

.eblock__content h4 {
  font-family: var(--barlow);
  font-weight: 600;
  color: #000000;
}

.eblock__content h4 a {
  text-decoration: underline;
  color: #000000;
}

.eblock__content h4:hover a {
  color: var(--gray-dark);
}

.eblock__line {
  position: absolute;
  /* left: 50%; */
  left: 0px;
  bottom: 0;
  max-width: 100%;
  pointer-events: none;
  width: 100%;
  /* transform: translateX(-50%); */
  z-index: -1;
}

.eblock__figure {
  max-width: 688px;
  width: 100%;
  height: 515px;
  position: relative;
}

.eblock__figure-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.eblock__figure-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  background-color: #fff;
  padding: 32px 38px 55px;
}

.eblock__figure-caption span {
  font-size: 16px;
  color: #612ef1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 15px;
}

.eblock__figure-caption h4 {
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  color: #18213c;
  font-family: var(--barlow);
}

/* .eblock__roateText {
  writing-mode: sideways-lr;
  -webkit-writing-mode: sideways-lr;
  -ms-writing-mode: tb-rl;

  text-orientation: initial;
  -webkit-text-orientation: initial;

  position: absolute;
  left: 0px;
  bottom: 197px;
  transform: translate(0px, 0px);

  font-size: 100px;
  background: transparent;
  color: #626da9;
  padding: 0px;
  width: 100%;
  font-weight: 300;
  opacity: 0.34;
  z-index: -1;
  white-space: nowrap;
  line-height: 0.6;
  text-transform: uppercase;
} */

.eblock__figure-img {
  width: 100%;
  height: 100%;
}

/* =============================== */
/* :: 18.0 EventBlock CSS end */
/* =============================== */

/* =============================== */
/* :: 19.0 advocNumber CSS Start */
/* =============================== */

.advocNumber--area {
  padding: 100px 0px 0px;
}

.advocNumber__header {
  margin-bottom: 87px;
}

.col-1\/5 {
  width: 20%;
}

.advocNumber__item {
  height: 474px;
  width: 100%;
  background-color: var(--gray-dark);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 52px;
  padding: 20px 40px;
  text-align: center;
  margin-bottom: 34px;
  padding-top: 120px;
}

.advocNumber__item h4 {
  font-size: 69px;
  color: #ffffff;
  font-weight: 500;
  line-height: 1;
  font-family: var(--barlow);
}

.advocNumber__item h4 span {
}

.advocNumber__item span.devider {
  width: 175px;
  height: 6px;
  background-color: var(--primary);
}

.advocNumber__item p {
  font-size: 30px;
  color: #ffffff;
  line-height: 33px;
}

/* =============================== */
/* :: 19.0 advocNumber CSS end */
/* =============================== */

/* =============================== */
/* :: 20.0 partners CSS Start */
/* =============================== */

.partners--area {
  background: #f5f6f8;
  padding: 114px 0px 100px;
}

.partners__title h4 {
  font-size: 34px;
  line-height: 36px;
  color: #1d2b47;
}

.partners__title h4 a {
  text-decoration: underline;
}

.partners__title {
  margin-bottom: 100px;
}

.partners__item {
  text-align: center;
  margin-bottom: 20px;
}

.partners__item-img {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 12.22px 0.78px rgba(29, 43, 71, 0.15);
  text-align: center;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 9px;
}

.partners__item-img img {
  max-height: 104px;
  max-width: 224px;
}

.partners__item p {
  font-size: 18px;
  font-weight: 500;
  color: #1d2b47;
  text-transform: uppercase;
}

/* =============================== */
/* :: 20.0 partners CSS end */
/* =============================== */

/* =============================== */
/* :: 21.0 chapter-area CSS Start */
/* =============================== */

.chapter--area {
  padding: 160px 0 160px;
  background-color: var(--gray-dark);
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.chapter--area::before,
.chapter--area::after {
  position: absolute;
  left: 0;
  top: -27px;
  width: 100%;
  height: 54px;
  content: '';
  background-color: rgba(4, 174, 223, 0.2);
}

.chapter--abnone::after,
.chapter--abnone::before {
  display: none;
}

.chapter--area::after {
  bottom: -27px;
  top: inherit;
}

.chapter__map {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  max-width: 1570px;
  width: 100%;
}

.chapter__wrapper {
  max-width: 1075px;
  margin: 0 auto;
  width: 100%;
}

.chapter__content {
  text-align: center;
}

.chapter__content h2 {
  color: #fff;
  padding-bottom: 24px;
  margin-bottom: 32px;
}

.chapter__content h2::after {
  background-color: var(--primary);
}

.chapter__content p {
  color: #ffffff;
}

/* =============================== */
/* :: 21.0 chapter-area CSS end */
/* =============================== */

/* =============================== */
/* :: 22.0 connected-area CSS Start */
/* =============================== */

.connected--area {
  padding: 160px 0px 160px;
}

.connected__thumb {
  text-align: center;
}

.connected__thumb img {
  max-width: 377px;
  width: 100%;
}

.connected__content {
  max-width: 756px;
}

.connected__content h2 {
}

.connected__content p {
}

.connected__content ul li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  line-height: 32px;
  color: #1d2b47;
}

.connected__content ul li span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primary);
  display: inline-block;
  flex: 0 0 auto;
  position: relative;
  top: 12px;
}

/* =============================== */
/* :: 22.0 connected-area CSS end */
/* =============================== */

/* =============================== */
/* :: 23.0  CSS Start */
/* =============================== */

/* =============================== */
/* :: 23.0  CSS end */
/* =============================== */

/* =============================== */
/* :: 24.0  CSS Start */
/* =============================== */

/* =============================== */
/* :: 24.0  CSS end */
/* =============================== */

/* =============================== */
/* :: CSS Start For Animation */
/* =============================== */

/* ============ history-section-css ============ */
.history--area {
  padding: 35px 35px;
}
.history__header h2 {
  color: #fff;
  padding-bottom: 24px;
  margin-bottom: 32px;
}

.history__header h2::after {
  background-color: var(--primary);
  left: 0;
  transform: translate(0);
}

.history__wrapper {
  padding: 200px 0px 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.history__header {
  max-width: 350px;
  width: 100%;
}

.history__timeline {
  max-width: 624px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.history__timeline-item {
  display: flex;
  align-items: center;
  gap: 55px;
  opacity: 0.4;
}

.history__timeline-content {
  flex-shrink: 0;
  width: 312px;
}

.history__timeline-year {
  flex-shrink: 0;
  width: 140px;
}

.history__timeline-dot {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 50%;
  border: 11px solid #212e4d;
}

.history__timeline-year span {
  font-size: 66px;
  color: #fff1f1;
  line-height: 1;
}

.history__timeline-content p {
  color: #ffffff;
}

.history__timeline-items {
  height: 480px;
  overflow-y: scroll;
  scrollbar-width: none;
  position: relative;
}

.history__timeline-bar {
  position: absolute;
  left: 216px;
  top: 0;
  width: 4px;
  height: 100%;
  background: rgb(31, 44, 75);
  background: linear-gradient(
    180deg,
    rgba(31, 44, 75, 0) 0%,
    rgba(75, 219, 205, 1) 16%,
    rgba(97, 48, 241, 1) 54%,
    rgba(75, 219, 205, 1) 80%,
    rgba(75, 219, 205, 0) 99%
  );
}

.history__timeline-item.swiper-slide-active {
  opacity: 1;
}

/* ============ history-section-css ============ */

/* =========== membership__wrapper ========= */
.membership--area {
  padding: 0px 35px 35px;
}

.membership__wrapper {
  background-color: #e8ebef;
  padding: 180px 0px;
}

.member__item--xxl .member__thumb {
  width: 100%;
  height: 546px;
}

.member__item--xxl .member__thumb .member__arrow {
  opacity: 1;
  transform: translateX(0%) translateY(-50%);
  width: 180px;
  right: 0;
  margin-right: 0;
}

.member__item--xxl img.member__thumb__image {
  width: calc(100% - 90px);
}

.member__details__head h2 {
  font-size: 42px;
  line-height: 60px;
}

.member__item--xxl .member__para {
  color: #000;
}

.member__item--xxl .member__para a {
  color: #3a448f;
  font-weight: 600;
  text-decoration: underline;
}

/* =========== membership__wrapper ========= */

/* =====CSS for Animation === */
.h-5 {
  height: 18px;
}

.event-card-anim {
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}

.event-card-anim:hover {
  transform: translateY(-20px) scale(1.02);
  -webkit-transform: translateY(-20px) scale(1.02);
  -moz-transform: translateY(-20px) scale(1.02);
  -ms-transform: translateY(-20px) scale(1.02);
  -o-transform: translateY(-20px) scale(1.02);
}

.btn span {
  margin-bottom: unset;
  position: relative;
}

.btn span::after {
  position: absolute;
  content: '';
  background: var(--gray-dark);
  height: 2px;
  width: 0%;
  bottom: -2px;
  left: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.btn:hover span::after {
  width: 100%;
}

.section-title-anim {
  --borderWidth: 0px;
}

.section__title .char {
  overflow: hidden !important;
}

/* .section__title{
  padding: 0 !important;
} */

.event-card-anim {
  perspective: 1000px;
}

.event-card-anim .event-tag {
  perspective: 500px;
}

/* .section__title.fs-2 {
  line-height: 53px;
} */
.section__title .inner-line {
  line-height: 1 !important;
}

.section__title .inner-line {
  overflow: hidden !important;
  display: inline-block;
}

.section__title--bar::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: var(--borderWidth);
  height: 8px;
  background-color: var(--heading-text);
}

.border-text .text {
  border: 0 !important;
  position: relative;
  --borderWidth: 0%;
  line-height: 34px;
  letter-spacing: 0.65px;
}

.border-text .text::after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 0;
  width: var(--borderWidth);
  height: 1px;
  background-color: var(--heading-text);
}

.border-text .text::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: var(--borderWidth);
  height: 1px;
  background-color: var(--heading-text);
}

/* Slider Animation */

.member__thumb .member__arrow {
  opacity: 0;
  transform: translateX(-80%) translateY(-50%);
  -webkit-transform: translateX(-80%) translateY(-50%);
  -moz-transform: translateX(-80%) translateY(-50%);
  -ms-transform: translateX(-80%) translateY(-50%);
  -o-transform: translateX(-80%) translateY(-50%);
}

.swiper-slide-active .member__arrow {
  opacity: 1;
  transform: translateX(-0%) translateY(-50%);
  transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  -webkit-transform: translateX(-0%) translateY(-50%);
  -moz-transform: translateX(-0%) translateY(-50%);
  -ms-transform: translateX(-0%) translateY(-50%);
  -o-transform: translateX(-0%) translateY(-50%);
}

.testimonial .swiper-slide {
  opacity: 0 !important;
  transition: opacity 1s ease-in-out !important;
  -webkit-transition: opacity 1s ease-in-out !important;
  -moz-transition: opacity 1s ease-in-out !important;
  -ms-transition: opacity 1s ease-in-out !important;
  -o-transition: opacity 1s ease-in-out !important;
}

.testimonial .swiper-slide-active {
  opacity: 1 !important;
  /* Show only the active slide */
}

/* =============== Member Slider ================ */
.member__slider .member__thumb {
  transition: transform 1s ease-in-out !important;
  transform: translateX(-30px) !important;
  -webkit-transform: translateX(-30px) !important;
  -moz-transform: translateX(-30px) !important;
  -ms-transform: translateX(-30px) !important;
  -o-transform: translateX(-30px) !important;
  -webkit-transition: transform 1s ease-in-out !important;
  -moz-transition: transform 1s ease-in-out !important;
  -ms-transition: transform 1s ease-in-out !important;
  -o-transition: transform 1s ease-in-out !important;
}

.member__slider .swiper-slide-active .member__thumb {
  transform: translateX(0px) !important;
  -webkit-transform: translateX(0px) !important;
  -moz-transform: translateX(0px) !important;
  -ms-transform: translateX(0px) !important;
  -o-transform: translateX(0px) !important;
}

.member__slider .member__details {
  transition: all 1s ease-in-out !important;
  transform: translateX(30px) !important;
  -webkit-transform: translateX(30px) !important;
  -moz-transform: translateX(30px) !important;
  -ms-transform: translateX(30px) !important;
  -o-transform: translateX(30px) !important;
  -webkit-transition: all 1s ease-in-out !important;
  -moz-transition: all 1s ease-in-out !important;
  -ms-transition: all 1s ease-in-out !important;
  -o-transition: all 1s ease-in-out !important;
}

.member__slider .swiper-slide-active .member__details {
  transform: translateX(0px) !important;
  -webkit-transform: translateX(0px) !important;
  -moz-transform: translateX(0px) !important;
  -ms-transform: translateX(0px) !important;
  -o-transform: translateX(0px) !important;
}

.case__wrapper__row {
  min-height: 500px;
}

/* Newa Title Border Animation */
.news__title {
  border: 0 !important;
  --borderWidth: 0%;
  position: relative;
}

.news__title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0%;
  /* transform: translateX(-50%); */
  width: var(--borderWidth);
  height: 1.7px;
  background-color: #bec4da;
}

/* ===========For Member Page=========== */
.eblock__roateText {
  position: absolute;
  font-size: 100px;
  background: transparent;
  color: #626da9;
  padding: 0px;
  font-weight: 300;
  opacity: 0.34;
  z-index: -1;
  text-orientation: unset;
  white-space: nowrap;
  text-transform: uppercase;
  line-height: 1;
  display: inline-block;
  rotate: -90deg;
  top: 50%;
  transform: translate(100px, -310px);
  -webkit-transform: translate(100px, -310px);
  -moz-transform: translate(100px, -310px);
  -ms-transform: translate(100px, -310px);
  -o-transform: translate(100px, -310px);
}

.event.eblock__roateText {
  top: 45%;
  transform: translate(50px, -310px);
}

/* Hero Globe CSS */

#cobe {
  right: 0;
  opacity: 0.2;
  bottom: -320px;
}

/* Particle CSS */
.hero__perticle {
  width: 1400px;
  height: 800px;
  bottom: -20%;
  right: 0;
}

.hero__content {
  position: relative;
  z-index: 5;
}

.hero__particle-inner {
  height: 100%;
  position: relative;
}

.hero__particle-inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(29, 43, 71);
  background: radial-gradient(
    circle,
    rgba(29, 43, 71, 0) 55%,
    rgba(29, 43, 71, 1) 82%
  );
  /* pointer-events: none; */
}

@media only screen and (min-width: 992px) {
  /* For Newsletter Animation */
  .animated-form {
    position: relative;
    border: none !important;
  }

  .animated-form .border-effect {
    position: absolute;
    inset: 0;
    border-radius: 40px !important;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    -ms-border-radius: 40px !important;
    -o-border-radius: 40px !important;
    pointer-events: none;
    --angle: 0deg;
  }

  .animated-form .border-effect:before {
    content: '';
    position: absolute;
    border-radius: 40px;
    z-index: -1;
    pointer-events: none;
    inset: 0;
    padding: 1px;
    background: conic-gradient(
      from calc(var(--angle) + var(--start-angle, 620deg)),
      transparent 0,
      var(--primary) 10%,
      transparent 0%
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: inherit;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
  }

  .animated-form .border-effect:after {
    content: '';
    position: absolute;
    pointer-events: none;
    border-radius: 40px;
    z-index: -2;
    inset: 0;
    padding: 1px;
    border: 1px solid #49608a;
  }
}

/* odomiter-css-over-write */
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  right: inherit;
}

/* odomiter-css-over-write--end */