@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Outfit:wght@100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
/* === Containers === */
/* === Gutters === */
/* === Grid === */
/* === Breakpoints === */
/* === Gaps === */
/* =========================
   Spacing Utilities
   mt, mb, pt, pb (1 → 200)
========================= */

html {
  scroll-behavior: auto !important;
  /* Lenis will handle it */
}

/* Margin */
.mt-1 {
  margin-top: 1px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

/* Padding */
.pt-1 {
  padding-top: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

/* Margin */
.mt-2 {
  margin-top: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

/* Padding */
.pt-2 {
  padding-top: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

/* Margin */
.mt-3 {
  margin-top: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

/* Padding */
.pt-3 {
  padding-top: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

/* Margin */
.mt-4 {
  margin-top: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

/* Padding */
.pt-4 {
  padding-top: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

/* Margin */
.mt-5 {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

/* Padding */
.pt-5 {
  padding-top: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

/* Margin */
.mt-6 {
  margin-top: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

/* Padding */
.pt-6 {
  padding-top: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

/* Margin */
.mt-7 {
  margin-top: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

/* Padding */
.pt-7 {
  padding-top: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

/* Margin */
.mt-8 {
  margin-top: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

/* Padding */
.pt-8 {
  padding-top: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

/* Margin */
.mt-9 {
  margin-top: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

/* Padding */
.pt-9 {
  padding-top: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

/* Margin */
.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

/* Padding */
.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

/* Margin */
.mt-11 {
  margin-top: 11px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

/* Padding */
.pt-11 {
  padding-top: 11px !important;
}

.pb-11 {
  padding-bottom: 11px !important;
}

/* Margin */
.mt-12 {
  margin-top: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

/* Padding */
.pt-12 {
  padding-top: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

/* Margin */
.mt-13 {
  margin-top: 13px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

/* Padding */
.pt-13 {
  padding-top: 13px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

/* Margin */
.mt-14 {
  margin-top: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

/* Padding */
.pt-14 {
  padding-top: 14px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

/* Margin */
.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

/* Padding */
.pt-15 {
  padding-top: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

/* Margin */
.mt-16 {
  margin-top: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

/* Padding */
.pt-16 {
  padding-top: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

/* Margin */
.mt-17 {
  margin-top: 17px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

/* Padding */
.pt-17 {
  padding-top: 17px !important;
}

.pb-17 {
  padding-bottom: 17px !important;
}

/* Margin */
.mt-18 {
  margin-top: 18px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

/* Padding */
.pt-18 {
  padding-top: 18px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

/* Margin */
.mt-19 {
  margin-top: 19px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

/* Padding */
.pt-19 {
  padding-top: 19px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

/* Margin */
.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

/* Padding */
.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

/* Margin */
.mt-21 {
  margin-top: 21px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

/* Padding */
.pt-21 {
  padding-top: 21px !important;
}

.pb-21 {
  padding-bottom: 21px !important;
}

/* Margin */
.mt-22 {
  margin-top: 22px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

/* Padding */
.pt-22 {
  padding-top: 22px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

/* Margin */
.mt-23 {
  margin-top: 23px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

/* Padding */
.pt-23 {
  padding-top: 23px !important;
}

.pb-23 {
  padding-bottom: 23px !important;
}

/* Margin */
.mt-24 {
  margin-top: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

/* Padding */
.pt-24 {
  padding-top: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

/* Margin */
.mt-25 {
  margin-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

/* Padding */
.pt-25 {
  padding-top: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

/* Margin */
.mt-26 {
  margin-top: 26px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

/* Padding */
.pt-26 {
  padding-top: 26px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

/* Margin */
.mt-27 {
  margin-top: 27px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

/* Padding */
.pt-27 {
  padding-top: 27px !important;
}

.pb-27 {
  padding-bottom: 27px !important;
}

/* Margin */
.mt-28 {
  margin-top: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

/* Padding */
.pt-28 {
  padding-top: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

/* Margin */
.mt-29 {
  margin-top: 29px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

/* Padding */
.pt-29 {
  padding-top: 29px !important;
}

.pb-29 {
  padding-bottom: 29px !important;
}

/* Margin */
.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

/* Padding */
.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

/* Margin */
.mt-31 {
  margin-top: 31px !important;
}

.mb-31 {
  margin-bottom: 31px !important;
}

/* Padding */
.pt-31 {
  padding-top: 31px !important;
}

.pb-31 {
  padding-bottom: 31px !important;
}

/* Margin */
.mt-32 {
  margin-top: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

/* Padding */
.pt-32 {
  padding-top: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

/* Margin */
.mt-33 {
  margin-top: 33px !important;
}

.mb-33 {
  margin-bottom: 33px !important;
}

/* Padding */
.pt-33 {
  padding-top: 33px !important;
}

.pb-33 {
  padding-bottom: 33px !important;
}

/* Margin */
.mt-34 {
  margin-top: 34px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

/* Padding */
.pt-34 {
  padding-top: 34px !important;
}

.pb-34 {
  padding-bottom: 34px !important;
}

/* Margin */
.mt-35 {
  margin-top: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

/* Padding */
.pt-35 {
  padding-top: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

/* Margin */
.mt-36 {
  margin-top: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

/* Padding */
.pt-36 {
  padding-top: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

/* Margin */
.mt-37 {
  margin-top: 37px !important;
}

.mb-37 {
  margin-bottom: 37px !important;
}

/* Padding */
.pt-37 {
  padding-top: 37px !important;
}

.pb-37 {
  padding-bottom: 37px !important;
}

/* Margin */
.mt-38 {
  margin-top: 38px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

/* Padding */
.pt-38 {
  padding-top: 38px !important;
}

.pb-38 {
  padding-bottom: 38px !important;
}

/* Margin */
.mt-39 {
  margin-top: 39px !important;
}

.mb-39 {
  margin-bottom: 39px !important;
}

/* Padding */
.pt-39 {
  padding-top: 39px !important;
}

.pb-39 {
  padding-bottom: 39px !important;
}

/* Margin */
.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

/* Padding */
.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

/* Margin */
.mt-41 {
  margin-top: 41px !important;
}

.mb-41 {
  margin-bottom: 41px !important;
}

/* Padding */
.pt-41 {
  padding-top: 41px !important;
}

.pb-41 {
  padding-bottom: 41px !important;
}

/* Margin */
.mt-42 {
  margin-top: 42px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

/* Padding */
.pt-42 {
  padding-top: 42px !important;
}

.pb-42 {
  padding-bottom: 42px !important;
}

/* Margin */
.mt-43 {
  margin-top: 43px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

/* Padding */
.pt-43 {
  padding-top: 43px !important;
}

.pb-43 {
  padding-bottom: 43px !important;
}

/* Margin */
.mt-44 {
  margin-top: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

/* Padding */
.pt-44 {
  padding-top: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

/* Margin */
.mt-45 {
  margin-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

/* Padding */
.pt-45 {
  padding-top: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

/* Margin */
.mt-46 {
  margin-top: 46px !important;
}

.mb-46 {
  margin-bottom: 46px !important;
}

/* Padding */
.pt-46 {
  padding-top: 46px !important;
}

.pb-46 {
  padding-bottom: 46px !important;
}

/* Margin */
.mt-47 {
  margin-top: 47px !important;
}

.mb-47 {
  margin-bottom: 47px !important;
}

/* Padding */
.pt-47 {
  padding-top: 47px !important;
}

.pb-47 {
  padding-bottom: 47px !important;
}

/* Margin */
.mt-48 {
  margin-top: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

/* Padding */
.pt-48 {
  padding-top: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

/* Margin */
.mt-49 {
  margin-top: 49px !important;
}

.mb-49 {
  margin-bottom: 49px !important;
}

/* Padding */
.pt-49 {
  padding-top: 49px !important;
}

.pb-49 {
  padding-bottom: 49px !important;
}

/* Margin */
.mt-50 {
  margin-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

/* Padding */
.pt-50 {
  padding-top: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

/* Margin */
.mt-51 {
  margin-top: 51px !important;
}

.mb-51 {
  margin-bottom: 51px !important;
}

/* Padding */
.pt-51 {
  padding-top: 51px !important;
}

.pb-51 {
  padding-bottom: 51px !important;
}

/* Margin */
.mt-52 {
  margin-top: 52px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

/* Padding */
.pt-52 {
  padding-top: 52px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

/* Margin */
.mt-53 {
  margin-top: 53px !important;
}

.mb-53 {
  margin-bottom: 53px !important;
}

/* Padding */
.pt-53 {
  padding-top: 53px !important;
}

.pb-53 {
  padding-bottom: 53px !important;
}

/* Margin */
.mt-54 {
  margin-top: 54px !important;
}

.mb-54 {
  margin-bottom: 54px !important;
}

/* Padding */
.pt-54 {
  padding-top: 54px !important;
}

.pb-54 {
  padding-bottom: 54px !important;
}

/* Margin */
.mt-55 {
  margin-top: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

/* Padding */
.pt-55 {
  padding-top: 55px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

/* Margin */
.mt-56 {
  margin-top: 56px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

/* Padding */
.pt-56 {
  padding-top: 56px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

/* Margin */
.mt-57 {
  margin-top: 57px !important;
}

.mb-57 {
  margin-bottom: 57px !important;
}

/* Padding */
.pt-57 {
  padding-top: 57px !important;
}

.pb-57 {
  padding-bottom: 57px !important;
}

/* Margin */
.mt-58 {
  margin-top: 58px !important;
}

.mb-58 {
  margin-bottom: 58px !important;
}

/* Padding */
.pt-58 {
  padding-top: 58px !important;
}

.pb-58 {
  padding-bottom: 58px !important;
}

/* Margin */
.mt-59 {
  margin-top: 59px !important;
}

.mb-59 {
  margin-bottom: 59px !important;
}

/* Padding */
.pt-59 {
  padding-top: 59px !important;
}

.pb-59 {
  padding-bottom: 59px !important;
}

/* Margin */
.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

/* Padding */
.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

/* Margin */
.mt-61 {
  margin-top: 61px !important;
}

.mb-61 {
  margin-bottom: 61px !important;
}

/* Padding */
.pt-61 {
  padding-top: 61px !important;
}

.pb-61 {
  padding-bottom: 61px !important;
}

/* Margin */
.mt-62 {
  margin-top: 62px !important;
}

.mb-62 {
  margin-bottom: 62px !important;
}

/* Padding */
.pt-62 {
  padding-top: 62px !important;
}

.pb-62 {
  padding-bottom: 62px !important;
}

/* Margin */
.mt-63 {
  margin-top: 63px !important;
}

.mb-63 {
  margin-bottom: 63px !important;
}

/* Padding */
.pt-63 {
  padding-top: 63px !important;
}

.pb-63 {
  padding-bottom: 63px !important;
}

/* Margin */
.mt-64 {
  margin-top: 64px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

/* Padding */
.pt-64 {
  padding-top: 64px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

/* Margin */
.mt-65 {
  margin-top: 65px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

/* Padding */
.pt-65 {
  padding-top: 65px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

/* Margin */
.mt-66 {
  margin-top: 66px !important;
}

.mb-66 {
  margin-bottom: 66px !important;
}

/* Padding */
.pt-66 {
  padding-top: 66px !important;
}

.pb-66 {
  padding-bottom: 66px !important;
}

/* Margin */
.mt-67 {
  margin-top: 67px !important;
}

.mb-67 {
  margin-bottom: 67px !important;
}

/* Padding */
.pt-67 {
  padding-top: 67px !important;
}

.pb-67 {
  padding-bottom: 67px !important;
}

/* Margin */
.mt-68 {
  margin-top: 68px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

/* Padding */
.pt-68 {
  padding-top: 68px !important;
}

.pb-68 {
  padding-bottom: 68px !important;
}

/* Margin */
.mt-69 {
  margin-top: 69px !important;
}

.mb-69 {
  margin-bottom: 69px !important;
}

/* Padding */
.pt-69 {
  padding-top: 69px !important;
}

.pb-69 {
  padding-bottom: 69px !important;
}

/* Margin */
.mt-70 {
  margin-top: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

/* Padding */
.pt-70 {
  padding-top: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

/* Margin */
.mt-71 {
  margin-top: 71px !important;
}

.mb-71 {
  margin-bottom: 71px !important;
}

/* Padding */
.pt-71 {
  padding-top: 71px !important;
}

.pb-71 {
  padding-bottom: 71px !important;
}

/* Margin */
.mt-72 {
  margin-top: 72px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

/* Padding */
.pt-72 {
  padding-top: 72px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

/* Margin */
.mt-73 {
  margin-top: 73px !important;
}

.mb-73 {
  margin-bottom: 73px !important;
}

/* Padding */
.pt-73 {
  padding-top: 73px !important;
}

.pb-73 {
  padding-bottom: 73px !important;
}

/* Margin */
.mt-74 {
  margin-top: 74px !important;
}

.mb-74 {
  margin-bottom: 74px !important;
}

/* Padding */
.pt-74 {
  padding-top: 74px !important;
}

.pb-74 {
  padding-bottom: 74px !important;
}

/* Margin */
.mt-75 {
  margin-top: 75px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

/* Padding */
.pt-75 {
  padding-top: 75px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

/* Margin */
.mt-76 {
  margin-top: 76px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

/* Padding */
.pt-76 {
  padding-top: 76px !important;
}

.pb-76 {
  padding-bottom: 76px !important;
}

/* Margin */
.mt-77 {
  margin-top: 77px !important;
}

.mb-77 {
  margin-bottom: 77px !important;
}

/* Padding */
.pt-77 {
  padding-top: 77px !important;
}

.pb-77 {
  padding-bottom: 77px !important;
}

/* Margin */
.mt-78 {
  margin-top: 78px !important;
}

.mb-78 {
  margin-bottom: 78px !important;
}

/* Padding */
.pt-78 {
  padding-top: 78px !important;
}

.pb-78 {
  padding-bottom: 78px !important;
}

/* Margin */
.mt-79 {
  margin-top: 79px !important;
}

.mb-79 {
  margin-bottom: 79px !important;
}

/* Padding */
.pt-79 {
  padding-top: 79px !important;
}

.pb-79 {
  padding-bottom: 79px !important;
}

/* Margin */
.mt-80 {
  margin-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

/* Padding */
.pt-80 {
  padding-top: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

/* Margin */
.mt-81 {
  margin-top: 81px !important;
}

.mb-81 {
  margin-bottom: 81px !important;
}

/* Padding */
.pt-81 {
  padding-top: 81px !important;
}

.pb-81 {
  padding-bottom: 81px !important;
}

/* Margin */
.mt-82 {
  margin-top: 82px !important;
}

.mb-82 {
  margin-bottom: 82px !important;
}

/* Padding */
.pt-82 {
  padding-top: 82px !important;
}

.pb-82 {
  padding-bottom: 82px !important;
}

/* Margin */
.mt-83 {
  margin-top: 83px !important;
}

.mb-83 {
  margin-bottom: 83px !important;
}

/* Padding */
.pt-83 {
  padding-top: 83px !important;
}

.pb-83 {
  padding-bottom: 83px !important;
}

/* Margin */
.mt-84 {
  margin-top: 84px !important;
}

.mb-84 {
  margin-bottom: 84px !important;
}

/* Padding */
.pt-84 {
  padding-top: 84px !important;
}

.pb-84 {
  padding-bottom: 84px !important;
}

/* Margin */
.mt-85 {
  margin-top: 85px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

/* Padding */
.pt-85 {
  padding-top: 85px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

/* Margin */
.mt-86 {
  margin-top: 86px !important;
}

.mb-86 {
  margin-bottom: 86px !important;
}

/* Padding */
.pt-86 {
  padding-top: 86px !important;
}

.pb-86 {
  padding-bottom: 86px !important;
}

/* Margin */
.mt-87 {
  margin-top: 87px !important;
}

.mb-87 {
  margin-bottom: 87px !important;
}

/* Padding */
.pt-87 {
  padding-top: 87px !important;
}

.pb-87 {
  padding-bottom: 87px !important;
}

/* Margin */
.mt-88 {
  margin-top: 88px !important;
}

.mb-88 {
  margin-bottom: 88px !important;
}

/* Padding */
.pt-88 {
  padding-top: 88px !important;
}

.pb-88 {
  padding-bottom: 88px !important;
}

/* Margin */
.mt-89 {
  margin-top: 89px !important;
}

.mb-89 {
  margin-bottom: 89px !important;
}

/* Padding */
.pt-89 {
  padding-top: 89px !important;
}

.pb-89 {
  padding-bottom: 89px !important;
}

/* Margin */
.mt-90 {
  margin-top: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

/* Padding */
.pt-90 {
  padding-top: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

/* Margin */
.mt-91 {
  margin-top: 91px !important;
}

.mb-91 {
  margin-bottom: 91px !important;
}

/* Padding */
.pt-91 {
  padding-top: 91px !important;
}

.pb-91 {
  padding-bottom: 91px !important;
}

/* Margin */
.mt-92 {
  margin-top: 92px !important;
}

.mb-92 {
  margin-bottom: 92px !important;
}

/* Padding */
.pt-92 {
  padding-top: 92px !important;
}

.pb-92 {
  padding-bottom: 92px !important;
}

/* Margin */
.mt-93 {
  margin-top: 93px !important;
}

.mb-93 {
  margin-bottom: 93px !important;
}

/* Padding */
.pt-93 {
  padding-top: 93px !important;
}

.pb-93 {
  padding-bottom: 93px !important;
}

/* Margin */
.mt-94 {
  margin-top: 94px !important;
}

.mb-94 {
  margin-bottom: 94px !important;
}

/* Padding */
.pt-94 {
  padding-top: 94px !important;
}

.pb-94 {
  padding-bottom: 94px !important;
}

/* Margin */
.mt-95 {
  margin-top: 95px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

/* Padding */
.pt-95 {
  padding-top: 95px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

/* Margin */
.mt-96 {
  margin-top: 96px !important;
}

.mb-96 {
  margin-bottom: 96px !important;
}

/* Padding */
.pt-96 {
  padding-top: 96px !important;
}

.pb-96 {
  padding-bottom: 96px !important;
}

/* Margin */
.mt-97 {
  margin-top: 97px !important;
}

.mb-97 {
  margin-bottom: 97px !important;
}

/* Padding */
.pt-97 {
  padding-top: 97px !important;
}

.pb-97 {
  padding-bottom: 97px !important;
}

/* Margin */
.mt-98 {
  margin-top: 98px !important;
}

.mb-98 {
  margin-bottom: 98px !important;
}

/* Padding */
.pt-98 {
  padding-top: 98px !important;
}

.pb-98 {
  padding-bottom: 98px !important;
}

/* Margin */
.mt-99 {
  margin-top: 99px !important;
}

.mb-99 {
  margin-bottom: 99px !important;
}

/* Padding */
.pt-99 {
  padding-top: 99px !important;
}

.pb-99 {
  padding-bottom: 99px !important;
}

/* Margin */
.mt-100 {
  margin-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

/* Padding */
.pt-100 {
  padding-top: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

/* Margin */
.mt-101 {
  margin-top: 101px !important;
}

.mb-101 {
  margin-bottom: 101px !important;
}

/* Padding */
.pt-101 {
  padding-top: 101px !important;
}

.pb-101 {
  padding-bottom: 101px !important;
}

/* Margin */
.mt-102 {
  margin-top: 102px !important;
}

.mb-102 {
  margin-bottom: 102px !important;
}

/* Padding */
.pt-102 {
  padding-top: 102px !important;
}

.pb-102 {
  padding-bottom: 102px !important;
}

/* Margin */
.mt-103 {
  margin-top: 103px !important;
}

.mb-103 {
  margin-bottom: 103px !important;
}

/* Padding */
.pt-103 {
  padding-top: 103px !important;
}

.pb-103 {
  padding-bottom: 103px !important;
}

/* Margin */
.mt-104 {
  margin-top: 104px !important;
}

.mb-104 {
  margin-bottom: 104px !important;
}

/* Padding */
.pt-104 {
  padding-top: 104px !important;
}

.pb-104 {
  padding-bottom: 104px !important;
}

/* Margin */
.mt-105 {
  margin-top: 105px !important;
}

.mb-105 {
  margin-bottom: 105px !important;
}

/* Padding */
.pt-105 {
  padding-top: 105px !important;
}

.pb-105 {
  padding-bottom: 105px !important;
}

/* Margin */
.mt-106 {
  margin-top: 106px !important;
}

.mb-106 {
  margin-bottom: 106px !important;
}

/* Padding */
.pt-106 {
  padding-top: 106px !important;
}

.pb-106 {
  padding-bottom: 106px !important;
}

/* Margin */
.mt-107 {
  margin-top: 107px !important;
}

.mb-107 {
  margin-bottom: 107px !important;
}

/* Padding */
.pt-107 {
  padding-top: 107px !important;
}

.pb-107 {
  padding-bottom: 107px !important;
}

/* Margin */
.mt-108 {
  margin-top: 108px !important;
}

.mb-108 {
  margin-bottom: 108px !important;
}

/* Padding */
.pt-108 {
  padding-top: 108px !important;
}

.pb-108 {
  padding-bottom: 108px !important;
}

/* Margin */
.mt-109 {
  margin-top: 109px !important;
}

.mb-109 {
  margin-bottom: 109px !important;
}

/* Padding */
.pt-109 {
  padding-top: 109px !important;
}

.pb-109 {
  padding-bottom: 109px !important;
}

/* Margin */
.mt-110 {
  margin-top: 110px !important;
}

.mb-110 {
  margin-bottom: 110px !important;
}

/* Padding */
.pt-110 {
  padding-top: 110px !important;
}

.pb-110 {
  padding-bottom: 110px !important;
}

/* Margin */
.mt-111 {
  margin-top: 111px !important;
}

.mb-111 {
  margin-bottom: 111px !important;
}

/* Padding */
.pt-111 {
  padding-top: 111px !important;
}

.pb-111 {
  padding-bottom: 111px !important;
}

/* Margin */
.mt-112 {
  margin-top: 112px !important;
}

.mb-112 {
  margin-bottom: 112px !important;
}

/* Padding */
.pt-112 {
  padding-top: 112px !important;
}

.pb-112 {
  padding-bottom: 112px !important;
}

/* Margin */
.mt-113 {
  margin-top: 113px !important;
}

.mb-113 {
  margin-bottom: 113px !important;
}

/* Padding */
.pt-113 {
  padding-top: 113px !important;
}

.pb-113 {
  padding-bottom: 113px !important;
}

/* Margin */
.mt-114 {
  margin-top: 114px !important;
}

.mb-114 {
  margin-bottom: 114px !important;
}

/* Padding */
.pt-114 {
  padding-top: 114px !important;
}

.pb-114 {
  padding-bottom: 114px !important;
}

/* Margin */
.mt-115 {
  margin-top: 115px !important;
}

.mb-115 {
  margin-bottom: 115px !important;
}

/* Padding */
.pt-115 {
  padding-top: 115px !important;
}

.pb-115 {
  padding-bottom: 115px !important;
}

/* Margin */
.mt-116 {
  margin-top: 116px !important;
}

.mb-116 {
  margin-bottom: 116px !important;
}

/* Padding */
.pt-116 {
  padding-top: 116px !important;
}

.pb-116 {
  padding-bottom: 116px !important;
}

/* Margin */
.mt-117 {
  margin-top: 117px !important;
}

.mb-117 {
  margin-bottom: 117px !important;
}

/* Padding */
.pt-117 {
  padding-top: 117px !important;
}

.pb-117 {
  padding-bottom: 117px !important;
}

/* Margin */
.mt-118 {
  margin-top: 118px !important;
}

.mb-118 {
  margin-bottom: 118px !important;
}

/* Padding */
.pt-118 {
  padding-top: 118px !important;
}

.pb-118 {
  padding-bottom: 118px !important;
}

/* Margin */
.mt-119 {
  margin-top: 119px !important;
}

.mb-119 {
  margin-bottom: 119px !important;
}

/* Padding */
.pt-119 {
  padding-top: 119px !important;
}

.pb-119 {
  padding-bottom: 119px !important;
}

/* Margin */
.mt-120 {
  margin-top: 120px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

/* Padding */
.pt-120 {
  padding-top: 120px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

/* Margin */
.mt-121 {
  margin-top: 121px !important;
}

.mb-121 {
  margin-bottom: 121px !important;
}

/* Padding */
.pt-121 {
  padding-top: 121px !important;
}

.pb-121 {
  padding-bottom: 121px !important;
}

/* Margin */
.mt-122 {
  margin-top: 122px !important;
}

.mb-122 {
  margin-bottom: 122px !important;
}

/* Padding */
.pt-122 {
  padding-top: 122px !important;
}

.pb-122 {
  padding-bottom: 122px !important;
}

/* Margin */
.mt-123 {
  margin-top: 123px !important;
}

.mb-123 {
  margin-bottom: 123px !important;
}

/* Padding */
.pt-123 {
  padding-top: 123px !important;
}

.pb-123 {
  padding-bottom: 123px !important;
}

/* Margin */
.mt-124 {
  margin-top: 124px !important;
}

.mb-124 {
  margin-bottom: 124px !important;
}

/* Padding */
.pt-124 {
  padding-top: 124px !important;
}

.pb-124 {
  padding-bottom: 124px !important;
}

/* Margin */
.mt-125 {
  margin-top: 125px !important;
}

.mb-125 {
  margin-bottom: 125px !important;
}

/* Padding */
.pt-125 {
  padding-top: 125px !important;
}

.pb-125 {
  padding-bottom: 125px !important;
}

/* Margin */
.mt-126 {
  margin-top: 126px !important;
}

.mb-126 {
  margin-bottom: 126px !important;
}

/* Padding */
.pt-126 {
  padding-top: 126px !important;
}

.pb-126 {
  padding-bottom: 126px !important;
}

/* Margin */
.mt-127 {
  margin-top: 127px !important;
}

.mb-127 {
  margin-bottom: 127px !important;
}

/* Padding */
.pt-127 {
  padding-top: 127px !important;
}

.pb-127 {
  padding-bottom: 127px !important;
}

/* Margin */
.mt-128 {
  margin-top: 128px !important;
}

.mb-128 {
  margin-bottom: 128px !important;
}

/* Padding */
.pt-128 {
  padding-top: 128px !important;
}

.pb-128 {
  padding-bottom: 128px !important;
}

/* Margin */
.mt-129 {
  margin-top: 129px !important;
}

.mb-129 {
  margin-bottom: 129px !important;
}

/* Padding */
.pt-129 {
  padding-top: 129px !important;
}

.pb-129 {
  padding-bottom: 129px !important;
}

/* Margin */
.mt-130 {
  margin-top: 130px !important;
}

.mb-130 {
  margin-bottom: 130px !important;
}

/* Padding */
.pt-130 {
  padding-top: 130px !important;
}

.pb-130 {
  padding-bottom: 130px !important;
}

/* Margin */
.mt-131 {
  margin-top: 131px !important;
}

.mb-131 {
  margin-bottom: 131px !important;
}

/* Padding */
.pt-131 {
  padding-top: 131px !important;
}

.pb-131 {
  padding-bottom: 131px !important;
}

/* Margin */
.mt-132 {
  margin-top: 132px !important;
}

.mb-132 {
  margin-bottom: 132px !important;
}

/* Padding */
.pt-132 {
  padding-top: 132px !important;
}

.pb-132 {
  padding-bottom: 132px !important;
}

/* Margin */
.mt-133 {
  margin-top: 133px !important;
}

.mb-133 {
  margin-bottom: 133px !important;
}

/* Padding */
.pt-133 {
  padding-top: 133px !important;
}

.pb-133 {
  padding-bottom: 133px !important;
}

/* Margin */
.mt-134 {
  margin-top: 134px !important;
}

.mb-134 {
  margin-bottom: 134px !important;
}

/* Padding */
.pt-134 {
  padding-top: 134px !important;
}

.pb-134 {
  padding-bottom: 134px !important;
}

/* Margin */
.mt-135 {
  margin-top: 135px !important;
}

.mb-135 {
  margin-bottom: 135px !important;
}

/* Padding */
.pt-135 {
  padding-top: 135px !important;
}

.pb-135 {
  padding-bottom: 135px !important;
}

/* Margin */
.mt-136 {
  margin-top: 136px !important;
}

.mb-136 {
  margin-bottom: 136px !important;
}

/* Padding */
.pt-136 {
  padding-top: 136px !important;
}

.pb-136 {
  padding-bottom: 136px !important;
}

/* Margin */
.mt-137 {
  margin-top: 137px !important;
}

.mb-137 {
  margin-bottom: 137px !important;
}

/* Padding */
.pt-137 {
  padding-top: 137px !important;
}

.pb-137 {
  padding-bottom: 137px !important;
}

/* Margin */
.mt-138 {
  margin-top: 138px !important;
}

.mb-138 {
  margin-bottom: 138px !important;
}

/* Padding */
.pt-138 {
  padding-top: 138px !important;
}

.pb-138 {
  padding-bottom: 138px !important;
}

/* Margin */
.mt-139 {
  margin-top: 139px !important;
}

.mb-139 {
  margin-bottom: 139px !important;
}

/* Padding */
.pt-139 {
  padding-top: 139px !important;
}

.pb-139 {
  padding-bottom: 139px !important;
}

/* Margin */
.mt-140 {
  margin-top: 140px !important;
}

.mb-140 {
  margin-bottom: 140px !important;
}

/* Padding */
.pt-140 {
  padding-top: 140px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}

/* Margin */
.mt-141 {
  margin-top: 141px !important;
}

.mb-141 {
  margin-bottom: 141px !important;
}

/* Padding */
.pt-141 {
  padding-top: 141px !important;
}

.pb-141 {
  padding-bottom: 141px !important;
}

/* Margin */
.mt-142 {
  margin-top: 142px !important;
}

.mb-142 {
  margin-bottom: 142px !important;
}

/* Padding */
.pt-142 {
  padding-top: 142px !important;
}

.pb-142 {
  padding-bottom: 142px !important;
}

/* Margin */
.mt-143 {
  margin-top: 143px !important;
}

.mb-143 {
  margin-bottom: 143px !important;
}

/* Padding */
.pt-143 {
  padding-top: 143px !important;
}

.pb-143 {
  padding-bottom: 143px !important;
}

/* Margin */
.mt-144 {
  margin-top: 144px !important;
}

.mb-144 {
  margin-bottom: 144px !important;
}

/* Padding */
.pt-144 {
  padding-top: 144px !important;
}

.pb-144 {
  padding-bottom: 144px !important;
}

/* Margin */
.mt-145 {
  margin-top: 145px !important;
}

.mb-145 {
  margin-bottom: 145px !important;
}

/* Padding */
.pt-145 {
  padding-top: 145px !important;
}

.pb-145 {
  padding-bottom: 145px !important;
}

/* Margin */
.mt-146 {
  margin-top: 146px !important;
}

.mb-146 {
  margin-bottom: 146px !important;
}

/* Padding */
.pt-146 {
  padding-top: 146px !important;
}

.pb-146 {
  padding-bottom: 146px !important;
}

/* Margin */
.mt-147 {
  margin-top: 147px !important;
}

.mb-147 {
  margin-bottom: 147px !important;
}

/* Padding */
.pt-147 {
  padding-top: 147px !important;
}

.pb-147 {
  padding-bottom: 147px !important;
}

/* Margin */
.mt-148 {
  margin-top: 148px !important;
}

.mb-148 {
  margin-bottom: 148px !important;
}

/* Padding */
.pt-148 {
  padding-top: 148px !important;
}

.pb-148 {
  padding-bottom: 148px !important;
}

/* Margin */
.mt-149 {
  margin-top: 149px !important;
}

.mb-149 {
  margin-bottom: 149px !important;
}

/* Padding */
.pt-149 {
  padding-top: 149px !important;
}

.pb-149 {
  padding-bottom: 149px !important;
}

/* Margin */
.mt-150 {
  margin-top: 150px !important;
}

.mb-150 {
  margin-bottom: 150px !important;
}

/* Padding */
.pt-150 {
  padding-top: 150px !important;
}

.pb-150 {
  padding-bottom: 150px !important;
}

/* Margin */
.mt-151 {
  margin-top: 151px !important;
}

.mb-151 {
  margin-bottom: 151px !important;
}

/* Padding */
.pt-151 {
  padding-top: 151px !important;
}

.pb-151 {
  padding-bottom: 151px !important;
}

/* Margin */
.mt-152 {
  margin-top: 152px !important;
}

.mb-152 {
  margin-bottom: 152px !important;
}

/* Padding */
.pt-152 {
  padding-top: 152px !important;
}

.pb-152 {
  padding-bottom: 152px !important;
}

/* Margin */
.mt-153 {
  margin-top: 153px !important;
}

.mb-153 {
  margin-bottom: 153px !important;
}

/* Padding */
.pt-153 {
  padding-top: 153px !important;
}

.pb-153 {
  padding-bottom: 153px !important;
}

/* Margin */
.mt-154 {
  margin-top: 154px !important;
}

.mb-154 {
  margin-bottom: 154px !important;
}

/* Padding */
.pt-154 {
  padding-top: 154px !important;
}

.pb-154 {
  padding-bottom: 154px !important;
}

/* Margin */
.mt-155 {
  margin-top: 155px !important;
}

.mb-155 {
  margin-bottom: 155px !important;
}

/* Padding */
.pt-155 {
  padding-top: 155px !important;
}

.pb-155 {
  padding-bottom: 155px !important;
}

/* Margin */
.mt-156 {
  margin-top: 156px !important;
}

.mb-156 {
  margin-bottom: 156px !important;
}

/* Padding */
.pt-156 {
  padding-top: 156px !important;
}

.pb-156 {
  padding-bottom: 156px !important;
}

/* Margin */
.mt-157 {
  margin-top: 157px !important;
}

.mb-157 {
  margin-bottom: 157px !important;
}

/* Padding */
.pt-157 {
  padding-top: 157px !important;
}

.pb-157 {
  padding-bottom: 157px !important;
}

/* Margin */
.mt-158 {
  margin-top: 158px !important;
}

.mb-158 {
  margin-bottom: 158px !important;
}

/* Padding */
.pt-158 {
  padding-top: 158px !important;
}

.pb-158 {
  padding-bottom: 158px !important;
}

/* Margin */
.mt-159 {
  margin-top: 159px !important;
}

.mb-159 {
  margin-bottom: 159px !important;
}

/* Padding */
.pt-159 {
  padding-top: 159px !important;
}

.pb-159 {
  padding-bottom: 159px !important;
}

/* Margin */
.mt-160 {
  margin-top: 160px !important;
}

.mb-160 {
  margin-bottom: 160px !important;
}

/* Padding */
.pt-160 {
  padding-top: 160px !important;
}

.pb-160 {
  padding-bottom: 160px !important;
}

/* Margin */
.mt-161 {
  margin-top: 161px !important;
}

.mb-161 {
  margin-bottom: 161px !important;
}

/* Padding */
.pt-161 {
  padding-top: 161px !important;
}

.pb-161 {
  padding-bottom: 161px !important;
}

/* Margin */
.mt-162 {
  margin-top: 162px !important;
}

.mb-162 {
  margin-bottom: 162px !important;
}

/* Padding */
.pt-162 {
  padding-top: 162px !important;
}

.pb-162 {
  padding-bottom: 162px !important;
}

/* Margin */
.mt-163 {
  margin-top: 163px !important;
}

.mb-163 {
  margin-bottom: 163px !important;
}

/* Padding */
.pt-163 {
  padding-top: 163px !important;
}

.pb-163 {
  padding-bottom: 163px !important;
}

/* Margin */
.mt-164 {
  margin-top: 164px !important;
}

.mb-164 {
  margin-bottom: 164px !important;
}

/* Padding */
.pt-164 {
  padding-top: 164px !important;
}

.pb-164 {
  padding-bottom: 164px !important;
}

/* Margin */
.mt-165 {
  margin-top: 165px !important;
}

.mb-165 {
  margin-bottom: 165px !important;
}

/* Padding */
.pt-165 {
  padding-top: 165px !important;
}

.pb-165 {
  padding-bottom: 165px !important;
}

/* Margin */
.mt-166 {
  margin-top: 166px !important;
}

.mb-166 {
  margin-bottom: 166px !important;
}

/* Padding */
.pt-166 {
  padding-top: 166px !important;
}

.pb-166 {
  padding-bottom: 166px !important;
}

/* Margin */
.mt-167 {
  margin-top: 167px !important;
}

.mb-167 {
  margin-bottom: 167px !important;
}

/* Padding */
.pt-167 {
  padding-top: 167px !important;
}

.pb-167 {
  padding-bottom: 167px !important;
}

/* Margin */
.mt-168 {
  margin-top: 168px !important;
}

.mb-168 {
  margin-bottom: 168px !important;
}

/* Padding */
.pt-168 {
  padding-top: 168px !important;
}

.pb-168 {
  padding-bottom: 168px !important;
}

/* Margin */
.mt-169 {
  margin-top: 169px !important;
}

.mb-169 {
  margin-bottom: 169px !important;
}

/* Padding */
.pt-169 {
  padding-top: 169px !important;
}

.pb-169 {
  padding-bottom: 169px !important;
}

/* Margin */
.mt-170 {
  margin-top: 170px !important;
}

.mb-170 {
  margin-bottom: 170px !important;
}

/* Padding */
.pt-170 {
  padding-top: 170px !important;
}

.pb-170 {
  padding-bottom: 170px !important;
}

/* Margin */
.mt-171 {
  margin-top: 171px !important;
}

.mb-171 {
  margin-bottom: 171px !important;
}

/* Padding */
.pt-171 {
  padding-top: 171px !important;
}

.pb-171 {
  padding-bottom: 171px !important;
}

/* Margin */
.mt-172 {
  margin-top: 172px !important;
}

.mb-172 {
  margin-bottom: 172px !important;
}

/* Padding */
.pt-172 {
  padding-top: 172px !important;
}

.pb-172 {
  padding-bottom: 172px !important;
}

/* Margin */
.mt-173 {
  margin-top: 173px !important;
}

.mb-173 {
  margin-bottom: 173px !important;
}

/* Padding */
.pt-173 {
  padding-top: 173px !important;
}

.pb-173 {
  padding-bottom: 173px !important;
}

/* Margin */
.mt-174 {
  margin-top: 174px !important;
}

.mb-174 {
  margin-bottom: 174px !important;
}

/* Padding */
.pt-174 {
  padding-top: 174px !important;
}

.pb-174 {
  padding-bottom: 174px !important;
}

/* Margin */
.mt-175 {
  margin-top: 175px !important;
}

.mb-175 {
  margin-bottom: 175px !important;
}

/* Padding */
.pt-175 {
  padding-top: 175px !important;
}

.pb-175 {
  padding-bottom: 175px !important;
}

/* Margin */
.mt-176 {
  margin-top: 176px !important;
}

.mb-176 {
  margin-bottom: 176px !important;
}

/* Padding */
.pt-176 {
  padding-top: 176px !important;
}

.pb-176 {
  padding-bottom: 176px !important;
}

/* Margin */
.mt-177 {
  margin-top: 177px !important;
}

.mb-177 {
  margin-bottom: 177px !important;
}

/* Padding */
.pt-177 {
  padding-top: 177px !important;
}

.pb-177 {
  padding-bottom: 177px !important;
}

/* Margin */
.mt-178 {
  margin-top: 178px !important;
}

.mb-178 {
  margin-bottom: 178px !important;
}

/* Padding */
.pt-178 {
  padding-top: 178px !important;
}

.pb-178 {
  padding-bottom: 178px !important;
}

/* Margin */
.mt-179 {
  margin-top: 179px !important;
}

.mb-179 {
  margin-bottom: 179px !important;
}

/* Padding */
.pt-179 {
  padding-top: 179px !important;
}

.pb-179 {
  padding-bottom: 179px !important;
}

/* Margin */
.mt-180 {
  margin-top: 180px !important;
}

.mb-180 {
  margin-bottom: 180px !important;
}

/* Padding */
.pt-180 {
  padding-top: 180px !important;
}

.pb-180 {
  padding-bottom: 180px !important;
}

/* Margin */
.mt-181 {
  margin-top: 181px !important;
}

.mb-181 {
  margin-bottom: 181px !important;
}

/* Padding */
.pt-181 {
  padding-top: 181px !important;
}

.pb-181 {
  padding-bottom: 181px !important;
}

/* Margin */
.mt-182 {
  margin-top: 182px !important;
}

.mb-182 {
  margin-bottom: 182px !important;
}

/* Padding */
.pt-182 {
  padding-top: 182px !important;
}

.pb-182 {
  padding-bottom: 182px !important;
}

/* Margin */
.mt-183 {
  margin-top: 183px !important;
}

.mb-183 {
  margin-bottom: 183px !important;
}

/* Padding */
.pt-183 {
  padding-top: 183px !important;
}

.pb-183 {
  padding-bottom: 183px !important;
}

/* Margin */
.mt-184 {
  margin-top: 184px !important;
}

.mb-184 {
  margin-bottom: 184px !important;
}

/* Padding */
.pt-184 {
  padding-top: 184px !important;
}

.pb-184 {
  padding-bottom: 184px !important;
}

/* Margin */
.mt-185 {
  margin-top: 185px !important;
}

.mb-185 {
  margin-bottom: 185px !important;
}

/* Padding */
.pt-185 {
  padding-top: 185px !important;
}

.pb-185 {
  padding-bottom: 185px !important;
}

/* Margin */
.mt-186 {
  margin-top: 186px !important;
}

.mb-186 {
  margin-bottom: 186px !important;
}

/* Padding */
.pt-186 {
  padding-top: 186px !important;
}

.pb-186 {
  padding-bottom: 186px !important;
}

/* Margin */
.mt-187 {
  margin-top: 187px !important;
}

.mb-187 {
  margin-bottom: 187px !important;
}

/* Padding */
.pt-187 {
  padding-top: 187px !important;
}

.pb-187 {
  padding-bottom: 187px !important;
}

/* Margin */
.mt-188 {
  margin-top: 188px !important;
}

.mb-188 {
  margin-bottom: 188px !important;
}

/* Padding */
.pt-188 {
  padding-top: 188px !important;
}

.pb-188 {
  padding-bottom: 188px !important;
}

/* Margin */
.mt-189 {
  margin-top: 189px !important;
}

.mb-189 {
  margin-bottom: 189px !important;
}

/* Padding */
.pt-189 {
  padding-top: 189px !important;
}

.pb-189 {
  padding-bottom: 189px !important;
}

/* Margin */
.mt-190 {
  margin-top: 190px !important;
}

.mb-190 {
  margin-bottom: 190px !important;
}

/* Padding */
.pt-190 {
  padding-top: 190px !important;
}

.pb-190 {
  padding-bottom: 190px !important;
}

/* Margin */
.mt-191 {
  margin-top: 191px !important;
}

.mb-191 {
  margin-bottom: 191px !important;
}

/* Padding */
.pt-191 {
  padding-top: 191px !important;
}

.pb-191 {
  padding-bottom: 191px !important;
}

/* Margin */
.mt-192 {
  margin-top: 192px !important;
}

.mb-192 {
  margin-bottom: 192px !important;
}

/* Padding */
.pt-192 {
  padding-top: 192px !important;
}

.pb-192 {
  padding-bottom: 192px !important;
}

/* Margin */
.mt-193 {
  margin-top: 193px !important;
}

.mb-193 {
  margin-bottom: 193px !important;
}

/* Padding */
.pt-193 {
  padding-top: 193px !important;
}

.pb-193 {
  padding-bottom: 193px !important;
}

/* Margin */
.mt-194 {
  margin-top: 194px !important;
}

.mb-194 {
  margin-bottom: 194px !important;
}

/* Padding */
.pt-194 {
  padding-top: 194px !important;
}

.pb-194 {
  padding-bottom: 194px !important;
}

/* Margin */
.mt-195 {
  margin-top: 195px !important;
}

.mb-195 {
  margin-bottom: 195px !important;
}

/* Padding */
.pt-195 {
  padding-top: 195px !important;
}

.pb-195 {
  padding-bottom: 195px !important;
}

/* Margin */
.mt-196 {
  margin-top: 196px !important;
}

.mb-196 {
  margin-bottom: 196px !important;
}

/* Padding */
.pt-196 {
  padding-top: 196px !important;
}

.pb-196 {
  padding-bottom: 196px !important;
}

/* Margin */
.mt-197 {
  margin-top: 197px !important;
}

.mb-197 {
  margin-bottom: 197px !important;
}

/* Padding */
.pt-197 {
  padding-top: 197px !important;
}

.pb-197 {
  padding-bottom: 197px !important;
}

/* Margin */
.mt-198 {
  margin-top: 198px !important;
}

.mb-198 {
  margin-bottom: 198px !important;
}

/* Padding */
.pt-198 {
  padding-top: 198px !important;
}

.pb-198 {
  padding-bottom: 198px !important;
}

/* Margin */
.mt-199 {
  margin-top: 199px !important;
}

.mb-199 {
  margin-bottom: 199px !important;
}

/* Padding */
.pt-199 {
  padding-top: 199px !important;
}

.pb-199 {
  padding-bottom: 199px !important;
}

/* Margin */
.mt-200 {
  margin-top: 200px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

/* Padding */
.pt-200 {
  padding-top: 200px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

/* =========================
   Container
========================= */
.custom-container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 16px;
}

@media (min-width: 992px) {
  .custom-container {
    max-width: 720px;
    padding-inline: 24px;
  }
}

@media (min-width: 992px) {
  .custom-container {
    max-width: 960px;
    padding-inline: 24px;
  }
}

@media (min-width: 1200px) {
  .custom-container {
    max-width: 1339px;
  }
}

/* =========================
   Row
========================= */
.row {
  display: flex;
  flex-wrap: wrap;
}

.header-section {
  background-color: #ffffff;
}

.header-section .header-top-bar {
  padding-top: 12.94px;
  padding-bottom: 11.8px;
  display: none;
}

@media (min-width: 992px) {
  .header-section .header-top-bar {
    display: block;
  }
}

.header-section .header-top-bar .nav-top-bar {
  display: none;
}

@media (min-width: 992px) {
  .header-section .header-top-bar .nav-top-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

.header-section .header-top-bar .nav-top-bar ul {
  display: flex;
  gap: 20px;
  align-items: center;
}

.header-section .header-top-bar .nav-top-bar ul li a {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 11.21px;
  line-height: 15.21px;
  letter-spacing: 0%;
  color: #08142A;
}

.header-section .header-top-bar .nav-top-bar ul li a:hover {
  text-decoration: underline;
  color: #E5C687;
  transition: all 0.3s ease;
}

.header-section .header-top-bar .nav-top-bar .lang-items {
  padding-right: 18px;
  padding-left: 18px;
  margin-right: 18px;
  margin-left: 18px;
  position: relative;
}

.header-section .header-top-bar .nav-top-bar .lang-items::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #08142A;
}

.header-section .header-top-bar .nav-top-bar .lang-items::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #08142A;
}

.header-section .header-top-bar .nav-top-bar button {
  background: none;
  border: none;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 11.21px;
  line-height: 15.21px;
  letter-spacing: 0%;
  color: #08142A;
  cursor: pointer;
}

.cursor-active {
  cursor: pointer;
}

.header-section .header-main {
  background: #E5C687;
  padding-top: 14px;
  padding-bottom: 18.78px;
}

@media (min-width: 992px) {
  .header-section .header-main {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.header-section .header-main .header-main-content {
  display: block;
}

@media (min-width: 992px) {
  .header-section .header-main .header-main-content {
    display: flex;
    align-items: center;
    gap: 26px;
  }
}

.header-section .header-main .header-main-content .cta--btn {
  display: none;
}

@media (min-width: 992px) {
  .header-section .header-main .header-main-content .cta--btn {
    display: flex;
  }
}

.header-section .header-main .header-main-content .main-navigation {
  margin-right: auto;
  display: none;
}

@media (min-width: 992px) {
  .header-section .header-main .header-main-content .main-navigation {
    display: block;
  }
}

.header-section .header-main .header-main-content .main-navigation ul {
  display: flex;
  align-items: center;
}

.main-navigation .nav-menu>li>.sub-menu a {
  color: #e5c687 !important;
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.header-section .header-main .header-main-content .main-navigation ul li a {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-style: Medium;
  font-size: 14.95px;
  line-height: 15.21px;
  letter-spacing: 0%;
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
  color: #101C33;
}

.header-section .header-main .header-main-content .main-navigation ul li a:hover {
  color: #fff;
  text-decoration: underline;
  transition: all 0.35ms ease;
}

.header-section .header-main .header-main-content .main-navigation ul li a:hover {
  background: rgba(229, 198, 135, 0.12);
}

.sub-menu {
  padding-right: 10px;
  padding-left: 10px;
}

.header-section .header-main .header-left-cont {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

@media (min-width: 992px) {
  .header-section .header-main .header-left-cont {
    display: block;
  }
}

.header-section .header-main .header-left-cont .header-logo img {
  width: auto;
  height: 47.22px;
}

@media (min-width: 992px) {
  .header-section .header-main .header-left-cont .header-logo img {
    width: auto;
    height: 78.61px;
  }
}

.header-section .header-main .header-left-cont .hamburger-btn {
  display: block;
  background: none;
  border: none;
  cursor: pointer;
}

@media (min-width: 992px) {
  .header-section .header-main .header-left-cont .hamburger-btn {
    display: none;
  }
}

.header-section .mobile-header {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100vh;
  right: 0;
  display: block;
  z-index: 9999;
  height: 100%;
  background: #fff;
  visibility: hidden;
  overflow: hidden;
  overflow-y: scroll;
}

.header-section .mobile-header .mobile-header-top-bar {
  background: #E5C687;
}

.header-section .mobile-header .mobile-nevigation-top-cont {
  padding: 17.3px 0 12.91px;
  background: #E5C687;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

@media (min-width: 992px) {
  .header-section .mobile-header .mobile-nevigation-top-cont {
    display: none;
  }
}

.header-section .mobile-header .mobile-nevigation-top-cont .hamburger-close-event {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-section .mobile-header .mobile-nevigation-top-cont .hamburger-close-event ul {
  display: flex;
  align-items: center;
  gap: 20px;
}

.header-section .mobile-header .mobile-nevigation-top-cont .hamburger-close-event ul li a {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  text-align: center;
  color: #08142A;
}

.header-section .mobile-header .mobile-nevigation-top-cont .hamburger-close-event ul li a:hover {
  text-decoration: underline;
  color: #E5C687;
  transition: all 0.3s ease;
}

.header-section .mobile-header .mobile-nevigation-top-cont .header-logo img {
  width: auto;
  height: 49.89px;
}

@media (min-width: 992px) {
  .header-section .mobile-header .mobile-nevigation-top-cont .header-logo img {
    width: auto;
    height: 78.61px;
  }
}

.header-section .mobile-header .mobile-nevigation-top-cont .hamburger-btn {
  display: block;
  background: none;
  border: none;
  cursor: pointer;
}

@media (min-width: 992px) {
  .header-section .mobile-header .mobile-nevigation-top-cont .hamburger-btn {
    display: none;
  }
}

.header-section .mobile-header .mobile-nevigetions {
  background: #fff;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 80px);
  gap: 45px;
}

.header-section .mobile-header .mobile-nevigetions .main-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.header-section .mobile-header .mobile-nevigetions .main-navigation ul li a {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #154677;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding-right: 10px;
  color: #154677;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -3%;
  vertical-align: middle;
}

.header-section .mobile-header .mobile-nevigetions .main-navigation ul li a .arrow--down {
  background: #154677;
  width: 28px;
  height: 28px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.28px;
}

.header-section .mobile-header .mobile-nevigetions .main-navigation ul li:first-child>a {
  border-top: 1px solid #154677;
}

.header-section .mobile-header .mobile-nevigetions .main-navigation ul li ul {
  max-width: 100%;
}

.header-section .mobile-header .mobile-nevigetions .main-navigation ul li ul li {
  max-width: 87%;
}

.header-section .mobile-header .mobile-nevigetions .main-navigation ul li ul li a {
  padding-top: 17px;
  padding-bottom: 17px;
}

.header-section .mobile-header .mobile-nevigetions .main-navigation ul li ul li:first-child a {
  border-top: 1px solid #ffffff;
}

.header-section .mobile-header .mobile-nevigetions .mobile-nevigetion-bottom {
  background: #0C2945;
  padding-top: 20px;
  padding-bottom: 20px;
}

.header-section .mobile-header .mobile-nevigetions .mobile-nevigetion-bottom .auth-links p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -3%;
  text-align: center;
  margin-bottom: 10px;
  color: #E5C687;
}

.header-section .mobile-header .mobile-nevigetions .mobile-nevigetion-bottom .auth-links ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.header-section .mobile-header .mobile-nevigetions .mobile-nevigetion-bottom .auth-links ul li a {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 200;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -3%;
  text-align: center;
  color: #fff;
}

.mobile-menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  z-index: 998;
}

.sub-menu {
  overflow: hidden;
  height: 0;
}

.nav-menu li.is-open>a .arrow--down img {
  transform: rotate(-180deg);
  transition: transform 0.4s ease;
}

.footer-section {
  background: #0C2945;
}

.footer-section .footer-main {
  padding-top: 41px;
  padding-bottom: 43px;
}

@media (min-width: 992px) {
  .footer-section .footer-main {
    padding-top: 70px;
    padding-bottom: 61.5px;
  }
}

.footer-section .footer-main .footer-main-left-cont .footer-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 23.85px;
}

@media (min-width: 992px) {
  .footer-section .footer-main .footer-main-left-cont .footer-logo {
    justify-content: flex-start;
    margin-bottom: 44px;
  }
}

.footer-section .footer-main .footer-main-left-cont .footer-logo img {
  width: auto;
  height: 74.11px;
}

@media (min-width: 992px) {
  .footer-section .footer-main .footer-main-left-cont .footer-logo img {
    height: 104px;
  }
}

.footer-section .footer-main .footer-main-left-cont .footer-desc-socials-list {
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 992px) {
  .footer-section .footer-main .footer-main-left-cont .footer-desc-socials-list {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
  }
}

.footer-section .footer-main .footer-main-left-cont .footer-desc-socials-list .socials-lists {
  display: none;
}

@media (min-width: 992px) {
  .footer-section .footer-main .footer-main-left-cont .footer-desc-socials-list .socials-lists {
    display: flex;
  }
}

.footer-section .footer-main .footer-main-left-cont .footer-desc-socials-list p {
  color: #fff;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  max-width: 250px;
  text-align: center;
}

@media (min-width: 992px) {
  .footer-section .footer-main .footer-main-left-cont .footer-desc-socials-list p {
    text-align: right;
  }
}

.footer-section .footer-main .footer-main-left-cont .subscription-newsletter-area {
  margin-top: 86px;
  max-width: 525px;
  display: none;
}

@media (min-width: 992px) {
  .footer-section .footer-main .footer-main-left-cont .subscription-newsletter-area {
    display: block;
  }
}

.footer-section .footer-main .footer-main-left-cont .subscription-newsletter-area p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 132%;
  letter-spacing: -3%;
  color: #E5C687;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .footer-section .footer-main .footer-main-left-cont .subscription-newsletter-area p {
    margin-bottom: 19px;
  }
}

.footer-section .footer-main .footer-main-right-cont .footer-links-box .quick-links p {
  color: #E5C687;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 132%;
  letter-spacing: -3%;
  margin-bottom: 21px;
  display: block;
  text-align: center;
}

@media (min-width: 992px) {
  .footer-section .footer-main .footer-main-right-cont .footer-links-box .quick-links p {
    text-align: right;
  }
}

.footer-section .footer-main .footer-main-right-cont .footer-links-box .quick-links ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 992px) {
  .footer-section .footer-main .footer-main-right-cont .footer-links-box .quick-links ul {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.footer-section .footer-main .footer-main-right-cont .footer-links-box .quick-links ul {
  flex-direction: column;
  gap: 8px;
}

.footer-section .footer-main .footer-main-right-cont .footer-links-box .quick-links ul li a {
  color: #fff;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
}

.footer-section .footer-main .footer-main-right-cont .footer-links-box .quick-links ul li a:hover {
  color: #E5C687;
  transition: all 35ms ease;
  text-decoration: underline;
}

.footer-section .footer-main .subscription-newsletter-area p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 132%;
  letter-spacing: -3%;
  color: #E5C687;
  margin-bottom: 30px;
  text-align: center;
}

@media (min-width: 992px) {
  .footer-section .footer-main .subscription-newsletter-area p {
    text-align: right;
    margin-bottom: 19px;
  }
}

.footer-section .footer-main .subscription-newsletter-area .input-group label {
  display: inline-block;
  width: 100%;
}

.footer-section .footer-main .subscription-newsletter-area .input-group input#newsletter {
  padding: 12px 26px 12px 125px;
  border-radius: 35px;
  background: #fff;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #1B1810;
  outline: 0;
  border: 0;
  width: 100%;
  box-shadow: none;
}

.footer-section .footer-main .subscription-newsletter-area .input-group input#newsletter::placeholder {
  color: #1B1810;
}

@media (min-width: 992px) {
  .footer-section .footer-main .subscription-newsletter-area .input-group input#newsletter {
    padding: 13px 29px 11px 167px;
  }
}

.footer-section .footer-main .subscription-newsletter-area .input-group .btn {
  max-width: 125px;
}

@media (min-width: 992px) {
  .footer-section .footer-main .subscription-newsletter-area .input-group .btn {
    max-width: 167px;
  }
}

.footer-section .footer-main .subscription-newsletter-area .input-group .btn {
  position: absolute;
  top: 0;
  left: 0;
  height: 49px;
  z-index: 99;
}

.footer-section .footer-main .socials-lists {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 992px) {
  .footer-section .footer-main .socials-lists {
    justify-content: flex-start;
  }
}

.footer-section .footer-main .socials-lists {
  gap: 7px;
}

.footer-section .footer-main .socials-lists li a {
  width: 44px;
  height: 44px;
  border-radius: 100px;
  background: #E5C687;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 11px 13px 10px;
}

.footer-section .footer-main .socials-lists li a:hover {
  background: #fff;
  transition: all 35ms ease;
}

.footer-section .footer-foot {
  background: #fff;
  padding-top: 20px;
  padding-bottom: 22px;
}

@media (min-width: 992px) {
  .footer-section .footer-foot {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.footer-section .footer-foot .footer-foot-main {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

@media (min-width: 992px) {
  .footer-section .footer-foot .footer-foot-main {
    flex-direction: row;
  }
}

.footer-section .footer-foot ul.foot-terms-link {
  display: flex;
  align-items: center;
}

.footer-section .footer-foot ul.foot-terms-link li {
  position: relative;
}

.footer-section .footer-foot ul.foot-terms-link li:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #E5C687;
}

.footer-section .footer-foot ul.foot-terms-link li a {
  padding-left: 12px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 155%;
}

@media (min-width: 992px) {
  .footer-section .footer-foot ul.foot-terms-link li a {
    font-size: 16px;
    line-height: 24px;
  }
}

.footer-section .footer-foot ul.foot-terms-link li a {
  letter-spacing: 0%;
  text-align: center;
  color: #22282B;
}

.footer-section .footer-foot ul.foot-terms-link li a:hover {
  color: #E5C687;
  transition: all 0.35ms ease;
}

.footer-section .footer-foot ul.foot-terms-link li:not(:first-child) a {
  padding-right: 10px;
}

.footer-section .footer-foot p {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 155%;
}

@media (min-width: 992px) {
  .footer-section .footer-foot p {
    font-size: 16px;
    line-height: 24px;
  }
}

.footer-section .footer-foot p {
  letter-spacing: 0%;
  text-align: center;
  color: #22282B;
}

.gap-10 {
  gap: 10px;
}

.gap-22 {
  gap: 22px;
}

.gap-30 {
  gap: 30px;
}

.gap-40 {
  gap: 40px;
}

.gap-50 {
  gap: 50px;
}

/* =========================
   Hidden Utilities
========================= */
/* Hide on SMALL and up */
@media (max-width: 575px) {
  .hidden-sm {
    display: none !important;
  }
}

/* Hide on MEDIUM and up */
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
}

/* Hide on LARGE and up */
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg {
    display: none !important;
  }
}

/* Hide on EXTRA LARGE */
@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important;
  }
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk-BlackItalic.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-BlackItalic.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-BlackItalic.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-BlackItalic.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-BlackItalic.svg#AktivGrotesk-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk_W_Bd.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk_W_Bd.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk-Black.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-Black.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-Black.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-Black.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-Black.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-Black.svg#AktivGrotesk-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk-BoldItalic.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-BoldItalic.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-BoldItalic.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-BoldItalic.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-BoldItalic.svg#AktivGrotesk-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk_W_Md.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk_W_Md.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk-MediumItalic.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-MediumItalic.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-MediumItalic.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-MediumItalic.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-MediumItalic.svg#AktivGrotesk-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk_W_Lt.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk_W_Lt.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk-LightItalic.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-LightItalic.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-LightItalic.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-LightItalic.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-LightItalic.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-LightItalic.svg#AktivGrotesk-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk-Italic.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-Italic.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-Italic.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-Italic.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-Italic.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-Italic.svg#AktivGrotesk-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk_W_Rg.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk_W_Rg.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk-Thin.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-Thin.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-Thin.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-Thin.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-Thin.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-Thin.svg#AktivGrotesk-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk";
  src: url("../../fifth-assets/font/AktivGrotesk-ThinItalic.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-ThinItalic.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-ThinItalic.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-ThinItalic.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-ThinItalic.svg#AktivGrotesk-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: auto;
}

body {
  overflow-x: hidden;
}

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

a {
  text-decoration: none;
  color: inherit;
}

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

img {
  max-width: 100%;
  display: block;
}

body {
  font-family: "AktivGrotesk", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
}

.custom-container-full {
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}

.custom-container-full-cover {
  width: 100%;
  /* max-width: 1920px; */
  margin-right: auto;
  margin-left: auto;
}

h2,
.h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 768px) {

  h2,
  .h2 {
    font-size: 50px;
  }
}

h2,
.h2 {
  line-height: 120%;
  letter-spacing: -3%;
}

p.paragraph {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
}

/* ============================
   GLOBAL ANIMATION STYLES
============================ */
/* ===== TITLE REVEAL ===== */
.js-title3-reveal,
.js-title-reveal {
  overflow: hidden;
}

.title-line {
  display: block;
  overflow: hidden;
}

.title-line-inner {
  display: block;
  will-change: transform;
}

/* ===== PARAGRAPH REVEAL ===== */
.js-desc-reveal {
  will-change: transform, opacity;
}

/* ===== MAGNETIC BUTTON ===== */
.js-magnetic-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  will-change: transform;
}

.js-magnetic-btn .btn--arrow {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.js-magnetic-btn .btn--arrow img {
  display: block;
  will-change: transform, opacity;
}

/* ===== UNDERLINE LINK (DRAW) ===== */
.js-underline-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

.js-underline-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 100%;
  height: 1.5px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.35s ease;
}

.js-underline-link:hover::after {
  transform: scaleX(1);
}

/* ===== IMAGE REVEAL + PARALLAX ===== */
.js-image-wrap {
  position: relative;
  overflow: hidden;
}

.js-image-wrap img {
  width: 100%;
  height: auto;
  display: block;
  will-change: transform, opacity;
}

/* ===== SPLIT TEXT ===== */
.js-split-words,
.js-split-chars {
  overflow: hidden;
}

.split-word,
.split-char {
  display: inline-block;
  overflow: hidden;
}

.split-inner {
  display: inline-block;
  will-change: transform, opacity;
}

/* ===== HERO INTRO ===== */
.js-hero-title,
.js-hero-desc,
.js-hero-btn {
  opacity: 0;
  transform: translateY(40px);
  will-change: transform, opacity;
}

/* ============================
   CINEMATIC PAGE TRANSITION
============================ */
.page-transition {
  position: fixed;
  inset: 0;
  z-index: 99999;
  pointer-events: none;
  display: flex;
  background: transparent;
}

/* panels */
.page-transition__panel {
  width: 50%;
  height: 100%;
  background: #154677;
  transform: translateX(0);
}

.page-transition__panel--left {
  transform: translateX(0);
}

.page-transition__panel--right {
  transform: translateX(0);
}

/* center line */
.page-transition__line {
  position: absolute;
  right: 50%;
  top: 50%;
  width: 1px;
  height: 0;
  background: #E5C687;
  transform: translate(50%, -50%);
}

.page-transition__progress {
  position: absolute;
  top: 50%;
  right: 45%;
  transform: translateXY(-50%, -50%);
  font-size: 87px;
  font-family: "Roboto Mono", sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  color: #E5C687;
  opacity: 0.8;
}

/* ===== FOOTER ANIMATION HELPERS ===== */
.footer-section {
  overflow: hidden;
}

.footer-links-box ul li {
  overflow: hidden;
}

.footer-links-box ul li a {
  display: inline-block;
  will-change: transform, opacity;
}

.socials-lists li {
  will-change: transform, opacity;
}

.subscription-title,
.footer-links-box>.quick-links>p,
.footer-foot-main {
  will-change: transform, opacity;
}

/* ===== FOOTER LINK HOVER ===== */
.footer-links-box ul li a {
  position: relative;
  display: inline-block;
}

.footer-links-box ul li a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
}

/* ===== NEWSLETTER INPUT ===== */
.subscription-newsletter-area input {
  transition: box-shadow 0.35s ease;
  will-change: transform;
}

/* ===== FOOTER BG REVEAL ===== */
.footer-section {
  position: relative;
}

.footer-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  transform: scaleY(1);
  transform-origin: bottom;
  z-index: -1;
}

/* =========================
   FUN FACTS REVEAL
========================= */
.fun-fact-card {
  position: relative;
  overflow: hidden;
}

.fun-fact-overlay {
  position: absolute;
  inset: 0;
  background: #E5C687;
  /* match site dark */
  transform: scaleY(1);
  transform-origin: top;
  z-index: 3;
  will-change: transform;
}

.fun-fact-card>*:not(.fun-fact-overlay) {
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(24px);
  will-change: transform, opacity;
}

.our-objectives {
  position: relative;
  overflow: hidden;
}

.our-objectives-overlay {
  position: absolute;
  inset: 0;
  background: #E5C687;
  /* match site dark */
  transform: scaleY(1);
  transform-origin: top;
  z-index: 3;
  will-change: transform;
}

.our-objectives>*:not(.our-objectives-overlay) {
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(24px);
  will-change: transform, opacity;
}

.grid-card-item {
  position: relative;
  overflow: hidden;
}

.grid-items-overlay {
  position: absolute;
  inset: 0;
  background: #E5C687;
  /* match site dark */
  transform: scaleY(1);
  transform-origin: top;
  z-index: 3;
  will-change: transform;
}

.grid-card-item>*:not(.grid-items-overlay) {
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(24px);
  will-change: transform, opacity;
}

/* =========================
   FUN FACT CARD HOVER
========================= */
.grid-card-item {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

@media (hover: hover) and (pointer: fine) {
  .grid-card-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
  }
}

.fun-fact-card {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

@media (hover: hover) and (pointer: fine) {
  .fun-fact-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
  }
}

/* =========================
   FEATURE NEWS IMAGE REVEAL
========================= */
.feature-news-card-item .card-image img {
  overflow: hidden;
}

.feature-news-image-wrap {
  position: relative;
  overflow: hidden;
}

.feature-news-image-overlay {
  position: absolute;
  inset: 0;
  background: #000;
  /* or brand color */
  transform-origin: top;
  z-index: 2;
}

/* Title line reveal */
.feature-title-line {
  display: block;
  overflow: hidden;
}

.feature-title-line-inner {
  display: inline-block;
  transform: translateY(100%);
}

/* =========================
   DATE ROLLING
========================= */
.time-date {
  overflow: hidden;
}

.date-word {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}

.date-inner {
  display: inline-block;
  transform: translateY(100%);
}

/* =========================
   FEATURE IMAGE REVEAL
========================= */
.feature-news-card-item .card-image {
  position: relative;
}

.feature-news-card-item .image-reveal {
  height: 0%;
  overflow: hidden;
}

.feature-news-card-item .image-reveal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.12);
}

.banner-right-modal-image-area {
  position: relative;
  overflow: hidden;
}

/* Reveal mask */
.hero-image-reveal {
  overflow: hidden;
  height: 0%;
}

/* Image */
.hero-image-reveal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.05);
  will-change: transform;
}

.faq-answer {
  height: 0;
  overflow: hidden;
}

/* FAQ title reveal */
.faq-title-line {
  display: block;
  overflow: hidden;
}

.faq-title-line-inner {
  display: inline-block;
  transform: translateY(100%);
}

/* FAQ answer animation */
.faq-answer {
  overflow: hidden;
}

.faq-answer__inner>* {
  opacity: 0;
  transform: translateY(24px);
}

.image-reveal-wrap {
  position: relative;
  overflow: visible;
  height: 100%;
}

/* IMAGE */
.js-image-reveal {
  width: 100%;
  height: auto;
  object-fit: cover;
  transform: scale(1.1);
  filter: blur(16px);
  will-change: transform, filter;
}

/* SVG MASK */
.image-mask {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.mask-rect {
  fill: #E5C687;
}

/* MOBILE TUNING */
@media (max-width: 768px) {
  .js-image-reveal {
    margin-top: -24px;
    transform: scale(1.05);
    filter: blur(10px);
  }
}

.news-card-image {
  position: relative;
  overflow: hidden;
}

.news-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform, filter;
}

.faq-item.is-open>.faq-question {
  background: rgba(229, 198, 135, 0.2509803922);
}

.faq-item.is-open .faq-list.sub-faq-lists.faq-version-two .faq-item.is-open .faq-question {
  background: rgba(229, 198, 135, 0.2509803922);
}

.section-title-right-cont .faq-list-check li {
  align-items: flex-start !important;
  gap: 0;
}

.degree-programs-slides--cont.meet-our-team-slides--cont .degree-programs.degree-programs--send .card-cont-box {
  width: calc(100% - 347px);
}

.socials-feed-wrapper .feed-card .image-box.image-reveal-wrap img {
  height: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .feed-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
  }
}

@keyframes outerPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.2);
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.35);
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.2);
  }
}

@keyframes innerPulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.12);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes ripple {
  0% {
    transform: scale(0.9);
    opacity: 0.6;
  }

  70% {
    transform: scale(1.4);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.degree-programs .card-cont-box .desc-text {
  max-height: 136px;
  overflow: hidden;
}

.btn {
  height: 37px;
}

@media (min-width: 992px) {
  .btn {
    height: 45px;
  }
}

.btn {
  opacity: 1;
  border-radius: 35px;
  padding: 5px 19px 6px 4px;
}

@media (min-width: 992px) {
  .btn {
    padding: 5px 19px 6px 7px;
  }
}

.btn {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  outline: 0;
  box-shadow: none;
  border: 0;
  white-space: nowrap;
}

.btn .btn--arrow {
  min-width: 34px;
  height: 34px;
  border-radius: 100px;
  padding: 2.86px;
}

.btn .btn--arrow img {
  width: 100%;
  height: 100%;
}

.btn.btn--primary {
  max-width: 175px;
  width: 100%;
}

.btn.btn--light {
  background: #fff;
  color: #000000;
}

.btn.btn--light .btn--arrow {
  background: #154677;
}

.btn.btn--send {
  background: #E5C687;
  color: #154677;
}

.btn.btn--send .btn--arrow {
  background: #fff;
}

.btn.btn--send-custom {
  background: #154677;
  color: #E5C687;
}

.btn.btn--send-custom .btn--arrow {
  background: #154677;
}

.btn.btn--accent {
  background: #154677;
  color: #fff;
}

.btn.btn--accent .btn--arrow {
  background: #E5C687;
}

.btn--outline {
  height: 45px;
  max-width: 286px;
  border-radius: 100px;
  backdrop-filter: blur(20px);
  border: 1px solid #1B1810;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: #1B1810;
  background-color: rgba(255, 255, 255, 0.1490196078);
}

.btn--outline .btn--dots {
  border: 2.31px solid rgba(27, 24, 16, 0.2);
  width: 14px;
  height: 14px;
  background-color: #1B1810;
  border-radius: 100px;
}

.slider-arrows {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

@media (min-width: 992px) {
  .slider-arrows {
    gap: 20px;
  }
}

.slider-arrows {
  width: 100%;
}

.slider-arrows .nevigetion-arrow {
  min-width: 26px;
  height: 25px;
}

@media (min-width: 992px) {
  .slider-arrows .nevigetion-arrow {
    min-width: 71px;
    height: 70px;
    padding: 19px 20px 18.79px 18.79px;
  }
}

.slider-arrows .nevigetion-arrow {
  padding: 3.45px 3.66px 3.56px 4.41px;
  border-radius: 9999px;
  border: 1px solid;
  border-image-source: linear-gradient(90.03deg, rgba(255, 255, 255, 0.3025) -12.56%, rgba(255, 255, 255, 0.055) 32.11%, rgba(255, 255, 255, 0.3025) 85.44%, rgba(255, 255, 255, 0.055) 124.53%);
  backdrop-filter: blur(20px);
  display: flex;
  justify-content: center;
  align-items: center;

}

.slider-arrows .nevigetion-arrow img {
  width: 17px;
  height: 17px;
  padding: 1px;
}

@media (min-width: 992px) {
  .slider-arrows .nevigetion-arrow img {
    width: 32px;
    height: 32px;
    padding: 2px;
  }
}

.slider-arrows .nevigetion-arrow img {
  background-color: #E5C687;
  border-radius: 999px;
}

.slider-arrows .nevigetion-arrow.arrow-send {
  background-color: rgba(229, 198, 135, 0.2509803922);
}

.slider-arrows .nevigetion-arrow.arrow-send img {
  background-color: #E5C687;
}

.slider-arrows .nevigetion-arrow.arrow-accend-send {
  background-color: #E5C687;
}

.slider-arrows .nevigetion-arrow.arrow-accend-send img {
  background-color: #fff;
}

.slider-arrows .nevigetion-arrow.arrow-light {
  background-color: rgba(21, 70, 119, 0.2509803922);
}

.slider-arrows .nevigetion-arrow.arrow-light img {
  background-color: #fff;
}

.event-card {
  padding: 18px 9.68px 17px;
  display: flex;
  gap: 17px;
  justify-content: center;
  flex-direction: column;
}

@media (min-width: 992px) {
  .event-card {
    align-items: flex-end;
    flex-direction: row;
    padding: 21px 26px 24.75px;
    gap: 30px;
  }
}

.event-card .card-img-box {
  width: 115px;
  height: 88px;
}

@media (min-width: 992px) {
  .event-card .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.event-card .card-img-box img {
  transition: all 350ms eas;
  margin-top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event-card .card-cont-box {
  display: none;
}

@media (min-width: 992px) {
  .event-card .card-cont-box {
    display: block;
  }
}

.event-card .card-cont-box h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -2%;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .event-card .card-cont-box h3 {
    font-size: 20px;
    line-height: 132%;
    letter-spacing: -3%;
  }
}

.event-card .card-cont-box .date-time-text {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (min-width: 992px) {
  .event-card .card-cont-box .date-time-text {
    font-size: 18px;
    line-height: 132%;
    letter-spacing: -3%;
  }
}

.event-card .card-cont-box .date-time-text {
  display: block;
  margin-top: 7px;
  white-space: nowrap;
}

.event-card .card-cont-box .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  margin-top: 8px;
}

@media (min-width: 992px) {
  .event-card .card-cont-box .desc-text {
    font-size: 18px;
    line-height: 155%;
    letter-spacing: -3%;
    margin-top: 20px;
  }
}

.event-card .card-cont-box .desc-text {
  max-width: 302px;
  width: 100%;
}

.event-card .card-cont-box .cta--btn {
  margin-top: 23px;
}

.event-card.event-card--send {
  background: rgba(229, 198, 135, 0.2509803922);
}

.event-card.event-card--send .card-cont-box h3 {
  color: #154677;
}

.event-card.event-card--send .card-cont-box .date-time-text {
  color: #154677;
}

.event-card.event-card--send .card-cont-box .desc-text {
  color: #154677;
}

.event-card.event-card--send .card-cont-box .cta--btn {
  margin-top: 23px;
}

.event-card.event-card--main-blue {
  background: #154677;
}

.event-card.event-card--main-blue .card-cont-box h3 {
  color: #E5C687;
}

.event-card.event-card--main-blue .card-cont-box .date-time-text {
  color: #E5C687;
}

.event-card.event-card--main-blue .card-cont-box .desc-text {
  color: #fff;
}

.event-card.event-card--main-blue .card-cont-box .cta--btn {
  margin-top: 23px;
}

.event-card.event-card-active {
  padding-bottom: 29px;
}

.event-card.event-card-active .card-img-box {
  width: 243px;
  height: 88px;
}

@media (min-width: 992px) {
  .event-card.event-card-active .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.event-card.event-card-active .card-img-box img {
  margin-top: -46px;
  height: 134px;
}

@media (min-width: 992px) {
  .event-card.event-card-active .card-img-box img {
    margin-top: -50px;
    height: 351px;
  }
}

.event-card.event-card-active .card-img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.event-card.event-card-active .card-cont-box {
  display: block;
}

.team-card {
  padding: 18px 9.68px 17px;
  display: flex;
  gap: 17px;
  justify-content: center;
  flex-direction: column;
}

@media (min-width: 992px) {
  .team-card {
    align-items: flex-end;
    flex-direction: row;
    padding: 21px 26px 24.75px;
    gap: 30px;
  }
}

.team-card .card-img-box {
  width: 115px;
  height: 88px;
}

@media (min-width: 992px) {
  .team-card .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.team-card .card-img-box img {
  transition: all 350ms eas;
  margin-top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-card .card-cont-box {
  display: none;
}

@media (min-width: 992px) {
  .team-card .card-cont-box {
    display: block;
  }
}

.team-card .card-cont-box h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -2%;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .team-card .card-cont-box h3 {
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -3%;
  }
}

.team-card .card-cont-box .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  margin-top: 13px;
}

@media (min-width: 992px) {
  .team-card .card-cont-box .desc-text {
    font-size: 18px;
    line-height: 155%;
    letter-spacing: -3%;
    margin-top: 9.7px;
  }
}

.team-card .card-cont-box .desc-text {
  max-width: 302px;
  width: 100%;
}

.team-card .card-cont-box .cta--btn {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .team-card .card-cont-box .cta--btn {
    margin-top: 26px;
  }
}

.team-card .desc-text-cont {
  color: #154677;
  display: none;
}

.team-card.team-card--send {
  background: rgba(229, 198, 135, 0.2509803922);
}

.team-card.team-card--send .card-cont-box h3 {
  color: #154677;
}

.team-card.team-card--send .card-cont-box .date-time-text {
  color: #154677;
}

.team-card.team-card--send .card-cont-box .desc-text {
  color: #154677;
}

.team-card.team-card--send .card-cont-box .cta--btn {
  margin-top: 23px;
}

.team-card.team-card--main-blue {
  background: #154677;
}

.team-card.team-card--main-blue .card-cont-box h3 {
  color: #E5C687;
}

.team-card.team-card--main-blue .card-cont-box .date-time-text {
  color: #E5C687;
}

.team-card.team-card--main-blue .card-cont-box .desc-text {
  color: #fff;
}

.team-card.team-card--main-blue .card-cont-box .cta--btn {
  margin-top: 23px;
}

.team-card.team-card-active {
  padding-bottom: 29px;
}

.team-card.team-card-active .card-img-box {
  width: 243px;
  height: 88px;
}

@media (min-width: 992px) {
  .team-card.team-card-active .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.team-card.team-card-active .card-img-box img {
  margin-top: -46px;
  height: 134px;
}

@media (min-width: 992px) {
  .team-card.team-card-active .card-img-box img {
    margin-top: -50px;
    height: 351px;
  }
}

.team-card.team-card-active .card-img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.team-card.team-card-active .card-cont-box {
  display: block;
}

.team-card.team-card-active .desc-text-cont {
  color: #fff;
}

@media (min-width: 992px) {
  .team-card.team-card-active .desc-text-cont {
    display: block;
  }
}

.feature-news-card-item {
  display: flex;
  gap: 0;
  flex-direction: column;
}

@media (min-width: 992px) {
  .feature-news-card-item {
    align-items: flex-end;
    flex-direction: row;
  }
}

.feature-news-card-item .card-image {
  height: 182px;
  width: 100%;
}

@media (min-width: 992px) {
  .feature-news-card-item .card-image {
    height: 373px;
    max-width: 792px;
  }
}

.feature-news-card-item .card-image img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.feature-news-card-item:first-child .card-image {
  width: 100%;
  height: 150px;
}

@media (min-width: 992px) {
  .feature-news-card-item:first-child .card-image {
    max-width: 792px;
    height: 321px;
  }
}

.feature-news-card-item:first-child .card-image img {
  width: 100%;
  height: 183px;
  object-fit: cover;
  margin-top: -33px;
}

@media (min-width: 992px) {
  .feature-news-card-item:first-child .card-image img {
    margin-top: -64px;
    height: 385px;
  }
}

.feature-news-card-item .card-cont-text {
  padding: 15px 0px 0px 0px;
}

@media (min-width: 992px) {
  .feature-news-card-item .card-cont-text {
    padding: 52px 46px 0 37px;
  }
}

.feature-news-card-item .card-cont-text p.date-time {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (min-width: 992px) {
  .feature-news-card-item .card-cont-text p.date-time {
    font-size: 18px;
  }
}

.feature-news-card-item .card-cont-text p.date-time {
  line-height: 132%;
  letter-spacing: -3%;
  vertical-align: middle;
  margin-bottom: 15px;
  color: #E5C687;
}

.feature-news-card-item .card-cont-text p.desc {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (min-width: 992px) {
  .feature-news-card-item .card-cont-text p.desc {
    font-size: 16px;
  }
}

.feature-news-card-item .card-cont-text p.desc {
  line-height: 132%;
  letter-spacing: -3%;
  vertical-align: middle;
  margin-bottom: 15px;
  color: #E5C687;
}

.feature-news-card-item .card-cont-text h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
}

@media (min-width: 992px) {
  .feature-news-card-item .card-cont-text h3 {
    font-size: 36px;
    line-height: 132%;
  }
}

.feature-news-card-item .card-cont-text h3 {
  letter-spacing: -3%;
  vertical-align: middle;
  color: #fff;
  max-width: 492px;
  width: 100%;
}

.news-card-item .news-img-card {
  max-width: 509px;
  width: 100%;
  height: 328px;
}

.news-card-item .news-img-card img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-card-item .news-card-cont {
  padding-top: 16px;
}

@media (min-width: 992px) {
  .news-card-item .news-card-cont {
    padding-bottom: 21px;
  }
}

.news-card-item .news-card-cont h4 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

@media (min-width: 992px) {
  .news-card-item .news-card-cont h4 {
    font-size: 20px;
  }
}

.news-card-item .news-card-cont h4 {
  line-height: 132%;
  letter-spacing: -3%;
  color: #fff;
}

.news-card-item .news-card-cont p {
  margin-top: 16px;
  display: block;
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
}

@media (min-width: 992px) {
  .news-card-item .news-card-cont p {
    font-size: 18px;
  }
}

.news-card-item .news-card-cont p {
  line-height: 132%;
  letter-spacing: -3%;
  color: #E5C687;
}

.degree-programs-card-wrap h4 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .degree-programs-card-wrap h4 {
    font-size: 40px;
  }
}

.degree-programs-card-wrap h4 {
  line-height: 120%;
  letter-spacing: -3%;
  color: #154677;
  margin-top: 14px;
}

.degree-programs {
  padding: 18px 9.68px 17px;
  display: flex;
  gap: 17px;
  justify-content: center;
  flex-direction: column;
}

@media (min-width: 992px) {
  .degree-programs {
    align-items: flex-end;
    flex-direction: row;
    padding: 21px 26px 24.75px;
    gap: 30px;
  }
}

.degree-programs .card-img-box {
  width: 115px;
  height: 88px;
}

@media (min-width: 992px) {
  .degree-programs .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.degree-programs .card-img-box img {
  transition: all 350ms eas;
  margin-top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.degree-programs .card-cont-box {
  display: none;
}

@media (min-width: 992px) {
  .degree-programs .card-cont-box {
    display: block;
  }
}

.degree-programs .card-cont-box h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -2%;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .degree-programs .card-cont-box h3 {
    font-size: 40px;
    line-height: 132%;
    letter-spacing: -3%;
  }
}

.degree-programs .card-cont-box .date-time-text {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (min-width: 992px) {
  .degree-programs .card-cont-box .date-time-text {
    font-size: 18px;
    line-height: 132%;
    letter-spacing: -3%;
  }
}

.degree-programs .card-cont-box .date-time-text {
  display: block;
  margin-top: 7px;
  white-space: nowrap;
}

.degree-programs .card-cont-box .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  margin-top: 13px;
}

@media (min-width: 992px) {
  .degree-programs .card-cont-box .desc-text {
    font-size: 15px;
    line-height: 155%;
    letter-spacing: -3%;
    margin-top: 20px;
  }
}

.degree-programs .card-cont-box .desc-text {
  max-width: 302px;
  width: 100%;
}

.degree-programs .card-cont-box .cta--btn {
  margin-top: 23px;
  height: 37px;
  font-size: 14px;
  width: fit-content;
  justify-content: space-between;
  max-width: fit-content;
  padding-left: 1px;
}

@media (min-width: 992px) {
  .degree-programs .card-cont-box .cta--btn {
    padding-left: 7px;
    height: 45px;
    font-size: 16px;
  }
}

.degree-programs.degree-programs--send {
  background: rgba(229, 198, 135, 0.2509803922);
}

.degree-programs.degree-programs--send .card-cont-box h3 {
  color: #154677;
}

.degree-programs.degree-programs--send .card-cont-box .date-time-text {
  color: #154677;
}

.degree-programs.degree-programs--send .card-cont-box .desc-text {
  color: #154677;
}

.degree-programs.degree-programs--send .card-cont-box .cta--btn {
  margin-top: 23px;
}

.degree-programs.degree-programs--main-blue {
  background: #154677;
}

.degree-programs.degree-programs--main-blue .card-cont-box h3 {
  color: #E5C687;
  display: none;
  display: block;
}

.degree-programs.degree-programs--main-blue .card-cont-box .date-time-text {
  color: #E5C687;
}

.degree-programs.degree-programs--main-blue .card-cont-box .desc-text {
  color: #fff;
}

.degree-programs.degree-programs--main-blue .card-cont-box .cta--btn {
  margin-top: 23px;
}

.degree-programs:hover {
  transition: all 15ms ease 0s;
  padding-bottom: 29px;
}

.degree-programs:hover .card-img-box {
  transition: all 650ms ease 0s;
  width: 243px;
  height: 88px;
}

@media (min-width: 992px) {
  .degree-programs:hover .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.degree-programs:hover .card-img-box img {
  transition: all 650ms ease 0s;
  margin-top: -46px;
  height: 134px;
}

@media (min-width: 992px) {
  .degree-programs:hover .card-img-box img {
    margin-top: -50px;
    height: 351px;
  }
}

.degree-programs:hover .card-img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.degree-programs:hover .card-cont-box {
  display: block;
}

.historical-place {
  padding: 17px 14px 15px;
  display: flex;
  gap: 0px;
  flex-direction: column;
}

@media (min-width: 992px) {
  .historical-place {
    padding: 27px 23px 22px;
    gap: 0px;
  }
}

.historical-place .card-img-box {
  width: 232px;
  height: 89px;
}

@media (min-width: 992px) {
  .historical-place .card-img-box {
    width: 100%;
    height: 295px;
  }
}

.historical-place .card-img-box img {
  transition: all 350ms eas;
  margin-top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.historical-place .card-cont-box {
  position: absolute;
  bottom: 20px;
  right: 19px;
  z-index: 99;
  display: none;
}

@media (min-width: 992px) {
  .historical-place .card-cont-box {
    bottom: 30px;
    right: 30px;
    display: block;
  }
}

.historical-place .card-cont-box h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -2%;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .historical-place .card-cont-box h3 {
    font-size: 50px;
    line-height: 132%;
    letter-spacing: -3%;
  }
}

.historical-place .card-cont-box .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
}

@media (min-width: 992px) {
  .historical-place .card-cont-box .desc-text {
    font-size: 20px;
    line-height: 155%;
    letter-spacing: -3%;
  }
}

.historical-place .card-cont-box .desc-text {
  max-width: 302px;
  width: 100%;
}

.historical-place .card-extra-info-cont-box {
  display: none;
  padding: 10px 0px 16px 6px;
}

@media (min-width: 992px) {
  .historical-place .card-extra-info-cont-box {
    padding: 32px 33px 24px 33px;
  }
}

.historical-place .card-extra-info-cont-box .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
}

@media (min-width: 992px) {
  .historical-place .card-extra-info-cont-box .desc-text {
    font-size: 20px;
    line-height: 155%;
    letter-spacing: -3%;
  }
}

.historical-place .card-extra-info-cont-box .desc-text {
  color: #fff;
  width: 100%;
}

.historical-place .card-extra-info-cont-box .cta--btn {
  max-width: fit-content;
}

.historical-place.historical-place--send {
  background: rgba(229, 198, 135, 0.2509803922);
}

.historical-place.historical-place--send .card-cont-box h3 {
  color: #fff;
}

.historical-place.historical-place--send .card-cont-box .desc-text {
  color: #fff;
}

.historical-place.historical-place--main-blue {
  background: #154677;
}

.historical-place.historical-place--main-blue .card-cont-box h3 {
  color: #fff;
}

.historical-place.historical-place--main-blue .card-cont-box .desc-text {
  color: #fff;
}

.historical-place.historical-place-active {
  padding-bottom: 29px;
}

.historical-place.historical-place-active .card-img-box {
  width: 232px;
  height: 257px;
}

@media (min-width: 992px) {
  .historical-place.historical-place-active .card-img-box {
    width: 100%;
    height: 343px;
  }
}

.historical-place.historical-place-active .card-img-box img {
  margin-top: -25px;
  height: 282px;
}

@media (min-width: 992px) {
  .historical-place.historical-place-active .card-img-box img {
    margin-top: -63px;
    height: 406px;
  }
}

.historical-place.historical-place-active .card-img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.historical-place.historical-place-active .card-cont-box {
  display: block;
}

@media (min-width: 992px) {
  .historical-place.historical-place-active .card-cont-box {
    display: block;
  }
}

.form__group {
  margin-bottom: 16px;
}

.form__input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table th,
.table td {
  border: 1px solid #ddd;
  padding: 10px;
}

.modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

.modal__content {
  background: #fff;
  padding: 24px;
  margin: 10% auto;
  max-width: 400px;
}

.cta-section {
  background: #1A8039;
  padding-top: 26px;
  padding-bottom: 24px;
}

@media (min-width: 992px) {
  .cta-section {
    padding-top: 47px;
    padding-bottom: 47px;
  }
}

.cta-section .cta-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-direction: column;
}

@media (min-width: 992px) {
  .cta-section .cta-wrapper {
    flex-direction: row;
  }
}

.cta-section .cta-wrapper h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -2%;
  color: #fff;
  text-align: center;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

@media (min-width: 992px) {
  .cta-section .cta-wrapper h2 {
    font-size: 50px;
    text-align: right;
    letter-spacing: -3%;
    max-width: 100%;
    width: 100%;
  }
}

.banner-section {
  background: #154677;
  overflow: hidden;
}

.banner-section.banner-version-two .banner-left-wrapper .banner-left-cont .banner-title {
  color: #fff;
  white-space: nowrap;
}

.banner-section.the-node-page-version {
  max-width: 100% !important;
}

.banner-section.the-node-page-version .cta--btn {
  max-width: fit-content;
}

@media (min-width: 992px) {
  .banner-section.the-node-page-version .cta--btn {
    max-width: 251px;
  }
}

.banner-section.the-node-page-version .cta--btn {
  position: relative;
  z-index: 9;
  margin-top: 24px;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper {
    display: flex;
  }
}

.banner-section .banner-wrapper {
  gap: 0;
}

.banner-section .banner-wrapper .banner-left-wrapper {
  width: 100%;
  position: relative;
}

.banner-section .banner-wrapper .banner-left-wrapper::after {
  content: "";
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  position: absolute;
  background: rgba(8, 20, 42, 0.5490196078);
}

.banner-section .banner-wrapper .banner-left-wrapper {
  padding-bottom: 30px;
  padding-top: 30px;
  height: 304px;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-left-wrapper {
    height: auto;
    padding-bottom: 67px;
    padding-top: 67px;
  }
}

.banner-section .banner-wrapper .banner-left-wrapper {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}

.banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont {
  padding-right: 25px;
  padding-left: 25px;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont {
    padding-right: 73px;
    padding-left: 73px;
  }
}

.banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont {
  width: 100%;
}

.banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont h1 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 40px;
  line-height: 1;
  width: 100%;
  text-align: center;
  color: #fff;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont h1 {
    font-size: 80px;
    line-height: 90.88px;
  }
}

.banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont h1 {
  letter-spacing: 0%;
}

.banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont h1 .color-text {
  color: #E5C687;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont h1 .color-text {
    white-space: nowrap;
  }
}

.banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont h1 {
  position: relative;
  z-index: 2;
}

.banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont .links-list {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 2;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont .links-list {
    margin-top: 54px;
  }
}

.banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont .links-list li {
  max-width: 175px;
  width: 100%;
}

.banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont .links-list li a.btn {
  width: 100%;
}

.banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont .links-list li:not(:first-child) {
  /* display: none; */
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont .links-list li:not(:first-child) {
    display: inline-block;
  }
}

@media (min-width: 1440px) {
  .banner-section .banner-wrapper .banner-right-cont {
    max-width: 720px;
  }
}

.banner-section .banner-wrapper .banner-right-cont {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area {
  padding: 40px 28px 0px 30px;
  height: 240px;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area {
    padding: 51px 35px 0px 0px;
    height: 323px;
  }
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: url("../images/pages/home/banner-bg-modal.jpg");
}

.banner-right-slide-area-sand {
  background: url("../images/pages/home/banner-pattern-custom.png") !important;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area p {
  font-family: Roboto Mono;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area p {
    font-size: 18px;
  }
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area p {
  line-height: 132%;
  letter-spacing: -3%;
  color: #27bf56;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area h2 {
    font-size: 34px;
  }
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area h2 {
  line-height: 120%;
  letter-spacing: -3%;
  color: #fff;
  max-width: 500px;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .button-link-wrap .cta--btn {
  max-width: unset !important;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .bannerTextSwiper {
  overflow: hidden;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .banner-slide--item {
  animation: none;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .banner-slide--item p {
  white-space: wrap;
  max-width: 320px;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .banner-slide--item p {
    white-space: nowrap;
    max-width: 100%;
  }
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .banner-pagination {
  display: flex;
  gap: 10px;
  margin-top: 24px;
  bottom: 0px;
  left: 27px;
  padding: 0 0 29px 27px;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .banner-pagination {
    bottom: 0px;
    left: 35px;
    padding: 0 0 51px 35px;
  }
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .banner-pagination .swiper-pagination-bullet {
  width: 5.78px;
  height: 5.78px;
  background: #fff;
  opacity: 1;
  border-radius: 50%;
  transition: all 0.4s ease;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .banner-pagination .swiper-pagination-bullet-active {
  background: #1A8039;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .bannerTextSwiper .swiper-slide {
  opacity: 0.3;
  transition: opacity 0.6s ease;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .bannerTextSwiper .swiper-slide-active {
  opacity: 1;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-modal-image-area {
  display: none;
}

@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-right-cont .banner-right-modal-image-area {
    display: block;
  }
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-modal-image-area {
  width: 100%;
}

.banner-section .banner-wrapper .banner-right-cont .banner-right-modal-image-area img {
  width: 100%;
  height: 322px;
  object-fit: cover;
  object-position: top center;
}

.banner-section.study-banner-section .banner-left-cont,
.banner-section.about-banner .banner-left-cont,
.banner-section.banner-home-section .banner-left-cont {
  max-width: 100%;
  width: 100%;
  padding-left: 30px !important;
}

.banner-section.study-banner-section .banner-left-cont h1,
.banner-section.about-banner .banner-left-cont h1,
.banner-section.banner-home-section .banner-left-cont h1 {
  font-size: 40px !important;
  line-height: 1;
  max-width: 100% !important;
  width: 100%;
}

@media (min-width: 992px) {

  .banner-section.study-banner-section .banner-left-cont h1,
  .banner-section.about-banner .banner-left-cont h1,
  .banner-section.banner-home-section .banner-left-cont h1 {
    font-size: 70px !important;
    line-height: 90.88px;
  }
}

.banner-section.study-banner-section .banner-left-cont h1 span,
.banner-section.about-banner .banner-left-cont h1 span,
.banner-section.banner-home-section .banner-left-cont h1 span {
  white-space: wrap;
}

@media (min-width: 992px) {

  .banner-section.study-banner-section .banner-left-cont h1 span,
  .banner-section.about-banner .banner-left-cont h1 span,
  .banner-section.banner-home-section .banner-left-cont h1 span {
    white-space: nowrap;
  }
}

.banner-section.phd-programs-bannner-section .banner-left-cont,
.banner-section.msc-programs-bannner-section .banner-left-cont {
  max-width: 100%;
  width: 100%;
  padding-left: 30px !important;
}

.banner-section.phd-programs-bannner-section .banner-left-cont h1,
.banner-section.msc-programs-bannner-section .banner-left-cont h1 {
  font-size: 40px !important;
  line-height: 1;
  max-width: 100% !important;
  width: 100%;
  white-space: wrap;
}

@media (min-width: 992px) {

  .banner-section.phd-programs-bannner-section .banner-left-cont h1,
  .banner-section.msc-programs-bannner-section .banner-left-cont h1 {
    white-space: nowrap;
  }
}

@media (min-width: 992px) {

  .banner-section.phd-programs-bannner-section .banner-left-cont h1,
  .banner-section.msc-programs-bannner-section .banner-left-cont h1 {
    font-size: 80px !important;
    line-height: 90.88px;
  }
}

.banner-section.phd-programs-bannner-section .banner-left-cont h1 span,
.banner-section.msc-programs-bannner-section .banner-left-cont h1 span {
  white-space: wrap;
}

@media (min-width: 992px) {

  .banner-section.phd-programs-bannner-section .banner-left-cont h1 span,
  .banner-section.msc-programs-bannner-section .banner-left-cont h1 span {
    white-space: nowrap;
  }
}

.banner-section.phd-programs-bannner-section .banner-right-slide-area,
.banner-section.msc-programs-bannner-section .banner-right-slide-area {
  padding-top: 14px !important;
  height: 205px !important;
}

@media (min-width: 992px) {

  .banner-section.phd-programs-bannner-section .banner-right-slide-area,
  .banner-section.msc-programs-bannner-section .banner-right-slide-area {
    height: 323px !important;
  }
}

.socials-feed-section {
  padding-top: 33px;
  padding-bottom: 41px;
  background: rgba(21, 70, 119, 0.2509803922);
}

@media (min-width: 992px) {
  .socials-feed-section {
    padding-top: 20px;
    padding-bottom: 97px;
    background: #fff;
  }
}

.socials-feed-section .section-title-box {
  margin-bottom: 26px;
}

.socials-feed-section .section-title-box .pin-btn {
  display: none;
}

@media (min-width: 992px) {
  .socials-feed-section .section-title-box {
    margin-bottom: 64px;
  }

  .socials-feed-section .section-title-box .pin-btn {
    display: flex;
  }
}

.socials-feed-section .socials-lists {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 992px) {
  .socials-feed-section .socials-lists {
    justify-content: flex-end;
    margin-right: 0;
    margin-left: 0;
  }
}

.socials-feed-section .socials-lists {
  gap: 7px;
}

.socials-feed-section .socials-lists li {
  width: 44px;
  height: 44px;
  border-radius: 100px;
}

.socials-feed-section .socials-lists li a {
  padding: 10px;
  background-color: #154677;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 99px;
}

.socials-feed-section .socials-feed-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width: 992px) {
  .socials-feed-section .socials-feed-wrapper {
    flex-direction: row;
  }
}

.socials-feed-section .socials-feed-wrapper .feed-card {
  width: 100%;
}

@media (min-width: 992px) {
  .socials-feed-section .socials-feed-wrapper .feed-card {
    width: 251px;
    height: 251px;
  }
}

.socials-feed-section .socials-feed-wrapper .feed-card {
  overflow: hidden;
}

.socials-feed-section .socials-feed-wrapper .feed-card>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.socials-feed-section .socials-feed-wrapper .feed-card .socials-lists {
  display: none;
}

@media (min-width: 992px) {
  .socials-feed-section .socials-feed-wrapper .feed-card .socials-lists {
    display: block;
  }
}

.socials-feed-section .socials-feed-wrapper .feed-card .socials-lists {
  position: absolute;
  bottom: 10px;
  left: 8px;
}

.upcoming-event-section {
  padding-top: 59px;
  padding-bottom: 64px;
}

@media (min-width: 992px) {
  .upcoming-event-section {
    padding-top: 100px;
    background: #fff;
    padding-bottom: 0;
  }
}

.upcoming-event-section .event-slider-wrapper {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 992px) {
  .upcoming-event-section .event-slider-wrapper {
    align-items: flex-end;
  }
}

.upcoming-event-section .event-slider-wrapper {
  gap: 22px;
}

.section-title-box .pin-btn {
  display: none;
}

@media (min-width: 992px) {
  .section-title-box .pin-btn {
    display: flex;
  }
}

.section-title-box .section-title-right-cont h2 {
  color: #154677;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 768px) {
  .section-title-box .section-title-right-cont h2 {
    font-size: 50px;
  }
}

.section-title-box .section-title-right-cont h2 {
  line-height: 120%;
  letter-spacing: -3%;
}

.section-title-box .section-title-right-cont h3 {
  color: #154677;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

@media (min-width: 768px) {
  .section-title-box .section-title-right-cont h3 {
    font-size: 36px;
  }
}

.section-title-box .section-title-right-cont h3 {
  line-height: 120%;
  letter-spacing: -3%;
}

.section-title-box .section-title-right-cont p {
  color: #1B1810;
  margin-top: 16px;
}

@media (min-width: 992px) {
  .section-title-box .section-title-right-cont p {
    margin-top: 20px;
  }
}

.section-title-box .section-title-right-cont p {
  display: block;
  max-width: 700px;
  width: 100%;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 165%;
  letter-spacing: 0%;
}

.section-title-box .section-title-right-cont a.view-all-btn {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .section-title-box .section-title-right-cont a.view-all-btn {
    font-size: 18px;
    margin-top: 17px;
  }
}

.section-title-box .section-title-right-cont a.view-all-btn {
  line-height: 132%;
  letter-spacing: -3%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  color: #1A8039;
  display: block;
}

.upcoming-event--wrapper .eventProgramsSwiper {
  overflow: visible;
  padding: 0 120px;
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-wrapper {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .upcoming-event--wrapper .eventProgramsSwiper .swiper-slide {
    max-width: 779px;
    width: 100%;
  }
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide {
  transition: all 0.6s ease, opacity 0.6s ease;
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active {
  max-width: 267px;
}

@media (min-width: 992px) {
  .upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active {
    max-width: 779px;
  }
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap {
  transition: all 15ms ease 0s;
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap .event-card {
  background: #154677;
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap .event-card .card-img-box {
  transition: all 15ms ease 0s;
  width: 243px;
  height: 88px;
}

@media (min-width: 992px) {
  .upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap .event-card .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap .event-card .card-img-box img {
  transition: all 650ms ease 0s;
  margin-top: -85px;
  height: 235px;
}

@media (min-width: 992px) {
  .upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap .event-card .card-img-box img {
    margin-top: -50px;
    height: 351px;
  }
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap .event-card .card-img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap .event-card .card-cont-box {
  display: block;
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap .event-card .card-cont-box h3 {
  color: #E5C687;
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap .event-card .card-cont-box .date-time-text {
  color: #E5C687;
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap .event-card .card-cont-box .desc-text {
  color: #fff;
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active .event--card--wrap .event-card .card-cont-box .cta--btn {
  margin-top: 23px;
}

.upcoming-event--wrapper {
  /* Mobile stacked */
}

@media (max-width: 768px) {
  .upcoming-event--wrapper .eventProgramsSwiper {
    padding: 0 20px;
  }

  .upcoming-event--wrapper .eventProgramsSwiper .swiper-slide {
    width: 100%;
  }
}

.launchpad-section {
  padding-top: 0;
}

@media (min-width: 992px) {
  .launchpad-section {
    padding-top: 134px;
  }
}

.launchpad-section .launchpad-wrapper .launchpad-slider-area .slider-items {
  width: 100%;
  height: 382px;
}

@media (min-width: 992px) {
  .launchpad-section .launchpad-wrapper .launchpad-slider-area .slider-items {
    height: 100%;
  }
}

.launchpad-section .launchpad-wrapper .launchpad-slider-area .slider-items img {
  width: 100%;
  height: 100%;
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area {
  background: #fff;
}

@media (min-width: 992px) {
  .launchpad-section .launchpad-wrapper .launchpad-right-cont-area {
    padding-top: 98px;
  }
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area {
  height: 100%;
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont {
  background: #E5C687;
  padding: 30px 20px 30px;
  height: 337px;
}

@media (min-width: 992px) {
  .launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont {
    height: 100%;
    padding: 62px 53px;
  }
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1x;
}

@media (min-width: 992px) {
  .launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont h2 {
    font-size: 87.63px;
    line-height: 90.88px;
  }
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont h2 {
  letter-spacing: 0%;
  color: #154677;
}

@media (min-width: 992px) {
  .launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont h2 .color-text {
    display: block;
  }
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont h2 .color-text {
  color: #fff;
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont ul {
  width: 100%;
  max-width: 414px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 992px) {
  .launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont ul {
    flex-direction: row;
  }
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont ul {
  gap: 10px;
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont ul li {
  width: 100%;
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont ul li a.cta--btn {
  max-width: 202px !important;
  width: 100%;
}

.launchpad-section .launchpad-wrapper .launchpad-right-cont-area .launchpad-right-cont ul li a.cta--btn .btn--arrow {
  background: #fff;
}

.faculty-spotlight-section {
  padding-top: 46px;
  padding-bottom: 30px;
}

@media (min-width: 992px) {
  .faculty-spotlight-section {
    padding-top: 115px;
    background: #fff;
    padding-bottom: 0;
  }
}

.faculty-spotlight-section .faculty-spotlight-wrapper {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 992px) {
  .faculty-spotlight-section .faculty-spotlight-wrapper {
    align-items: flex-end;
  }
}

.faculty-spotlight-section .faculty-spotlight-wrapper {
  gap: 22px;
}

.faculty-spotlight-section .facultyProgramsSwiper {
  overflow: visible;
  padding: 0 120px;
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-wrapper {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .faculty-spotlight-section .facultyProgramsSwiper .swiper-slide {
    max-width: 779px;
    width: 100%;
  }
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide {
  transition: all 0.6s ease, opacity 0.6s ease;
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active {
  max-width: 267px;
}

@media (min-width: 992px) {
  .faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active {
    max-width: 779px;
  }
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap {
  transition: all 15ms ease 0s;
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card {
  background: #154677;
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card .card-img-box {
  transition: all 15ms ease 0s;
  width: 243px;
  height: 88px;
}

@media (min-width: 992px) {
  .faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card .card-img-box img {
  transition: all 650ms ease 0s;
  margin-top: -46px;
  height: 134px;
}

@media (min-width: 992px) {
  .faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card .card-img-box img {
    margin-top: -50px;
    height: 351px;
  }
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card .card-img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card .card-cont-box {
  display: block;
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card .card-cont-box h3 {
  color: #E5C687;
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card .card-cont-box .date-time-text {
  color: #E5C687;
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card .card-cont-box .desc-text {
  color: #fff;
}

.faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card .card-cont-box .cta--btn {
  margin-top: 23px;
  height: 37px;
  max-width: 152px;
  padding-left: 4px;
}

@media (min-width: 992px) {
  .faculty-spotlight-section .facultyProgramsSwiper .swiper-slide-active .faculty-spotlight-card--wrap .team-card .card-cont-box .cta--btn {
    height: 46px;
    max-width: 175px;
    padding-left: 7px;
  }
}

.faculty-spotlight-section {
  /* Mobile stacked */
}

@media (max-width: 768px) {
  .faculty-spotlight-section .facultyProgramsSwiper {
    padding: 0 20px;
  }

  .faculty-spotlight-section .facultyProgramsSwiper .swiper-slide {
    width: 100%;
  }
}

.our-latest-news-section {
  padding-top: 46px;
}

@media (min-width: 992px) {
  .our-latest-news-section {
    padding-top: 112px;
    background: #fff;
    padding-bottom: 0;
  }
}

.our-latest-news-section .section-title-right-cont {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .our-latest-news-section .section-title-right-cont {
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
  }
}

.our-latest-news-section .section-title-right-cont {
  gap: 0px;
}

.our-latest-news-section .latest-news-wrapper {
  background: #154677;
}

@media (min-width: 992px) {
  .our-latest-news-section .latest-news-wrapper {
    border-radius: 0 0 15px 15px;
  }
}

.our-latest-news-section .latest-news-wrapper {
  border-radius: 0;
}

.our-latest-news-section .latest-feature-news .feature-news-wrapper {
  display: flex;
  flex-direction: column;
  gap: 41px;
}

@media (min-width: 992px) {
  .our-latest-news-section .latest-feature-news .feature-news-wrapper {
    gap: 56px;
  }
}

.our-latest-news-section .latest-feature-news .feature-news-wrapper .feature-news-card-item .card-cont-text .time-date {
  color: #E5C687;
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 132%;
  letter-spacing: -3%;
  vertical-align: middle;
}

.our-latest-news-section .latest-news-slider .latest-card-news-wrapper .news-card-item .news-card-cont h4 {
  max-width: 438px;
}

.latest-news-slider {
  overflow: visible;
}

.latestNewsSwiper {
  overflow: visible;
  padding: 0 10px;
}

@media (min-width: 992px) {
  .latestNewsSwiper {
    padding: 0 120px;
  }
}

.latestNewsSwiper .swiper-slide {
  width: auto;
  display: flex;
}

.news-card-item {
  width: 100%;
  max-width: 312px;
}

@media (min-width: 992px) {
  .news-card-item {
    max-width: 509px;
  }
}

.out-degree-program-section {
  padding-top: 51px;
}

@media (min-width: 992px) {
  .out-degree-program-section {
    padding-top: 100px;
    background: #fff;
    padding-bottom: 0;
  }
}

.out-degree-program-section .degree-programs-wrapper {
  padding-top: 39px;
  padding-bottom: 55px;
}

@media (min-width: 992px) {
  .out-degree-program-section .degree-programs-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.out-degree-program-section .degree-programs-wrapper {
  background: rgba(229, 198, 135, 0.2509803922);
}

.out-degree-program-section .section-title-box .section-title-right-cont p {
  max-width: 100%;
}

.degreeProgramsSwiper {
  overflow: visible;
  padding: 0 120px;
}

.degreeProgramsSwiper .swiper-wrapper {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .degreeProgramsSwiper .swiper-slide {
    max-width: 779px;
    width: 100%;
  }
}

.degreeProgramsSwiper .swiper-slide {
  transition: all 0.6s ease, opacity 0.6s ease;
}

.degreeProgramsSwiper .swiper-slide-active {
  max-width: 267px;
}

@media (min-width: 992px) {
  .degreeProgramsSwiper .swiper-slide-active {
    max-width: 779px;
  }
}

.degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap {
  transition: all 15ms ease 0s;
}

.degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap .degree-programs {
  background: #154677;
}

.degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-img-box {
  transition: all 15ms ease 0s;
  width: 243px;
  height: 88px;
}

@media (min-width: 992px) {
  .degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-img-box img {
  transition: all 650ms ease 0s;
  margin-top: -46px;
  height: 134px;
}

@media (min-width: 992px) {
  .degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-img-box img {
    margin-top: -50px;
    height: 351px;
  }
}

.degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-cont-box {
  display: block;
}

.degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-cont-box h3 {
  color: #E5C687;
}

.degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-cont-box .date-time-text {
  color: #E5C687;
}

.degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-cont-box .desc-text {
  color: #fff;
}

.degreeProgramsSwiper .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-cont-box .cta--btn {
  margin-top: 23px;
}

.degreeProgramsSwiper .swiper-slide-active.slider-version--one .degree-programs-card-wrap .card-img-box {
  width: 243px;
  height: 88px;
}

@media (min-width: 992px) {
  .degreeProgramsSwiper .swiper-slide-active.slider-version--one .degree-programs-card-wrap .card-img-box {
    width: 347px;
    height: 461px;
  }
}

.degreeProgramsSwiper .swiper-slide-active.slider-version--one .degree-programs-card-wrap .card-img-box img {
  margin-top: -22px;
  height: 134px;
}

@media (min-width: 992px) {
  .degreeProgramsSwiper .swiper-slide-active.slider-version--one .degree-programs-card-wrap .card-img-box img {
    margin-top: -43px;
    height: 502px;
  }
}

/* Mobile stacked */
@media (max-width: 768px) {
  .degreeProgramsSwiper {
    padding: 0 20px;
  }

  .degreeProgramsSwiper .swiper-slide {
    width: 100%;
  }
}

.degreeProgramsSwiperV2 {
  overflow: visible;
  padding: 0 0 0 120px;
}

.degreeProgramsSwiperV2 .swiper-wrapper {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .degreeProgramsSwiperV2 .swiper-slide {
    max-width: 1147px;
    width: 100%;
  }
}

.degreeProgramsSwiperV2 .swiper-slide {
  transition: all 0.6s ease, opacity 0.6s ease;
}

.degreeProgramsSwiperV2 .card-cont-box {
  display: block;
}

.degreeProgramsSwiperV2 .card-cont-box h3 {
  max-width: 695px;
  white-space: wrap;
}

.degreeProgramsSwiperV2 .card-cont-box .cta--btn {
  margin-top: 23px;
}

.degreeProgramsSwiperV2 .swiper-slide-active {
  max-width: 267px;
}

@media (min-width: 992px) {
  .degreeProgramsSwiperV2 .swiper-slide-active {
    max-width: 1147px;
  }
}

.degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap {
  transition: all 15ms ease 0s;
}

.degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap .degree-programs {
  background: #154677;
}

.degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-img-box {
  transition: all 15ms ease 0s;
  width: 243px;
  height: 88px;
}

@media (min-width: 992px) {
  .degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-img-box img {
  transition: all 650ms ease 0s;
  margin-top: -46px;
  height: 134px;
}

@media (min-width: 992px) {
  .degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-img-box img {
    margin-top: -50px;
    height: 351px;
  }
}

.degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-cont-box {
  display: block;
}

.degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-cont-box h3 {
  color: #E5C687;
  max-width: 695px;
  white-space: wrap;
}

.degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-cont-box .date-time-text {
  color: #E5C687;
}

.degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-cont-box .desc-text {
  color: #fff;
}

.degreeProgramsSwiperV2 .swiper-slide-active .degree-programs-card-wrap .degree-programs .card-cont-box .cta--btn {
  margin-top: 23px;
}

/* Mobile stacked */
@media (max-width: 768px) {
  .degreeProgramsSwiperV2 {
    padding: 0 0 0 80px;
  }

  .degreeProgramsSwiperV2 .swiper-slide {
    width: 100%;
  }
}

.floating-accordion__list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

@media (min-width: 992px) {
  .floating-accordion__list {
    gap: 35px;
  }
}

.floating-accordion__list.floating-accordion__list_tabs--item .floating-accordion__header .chevron {
  transform: rotate(90deg);
}

.floating-accordion__list.floating-accordion__list_tabs--item .floating-accordion__item.is-active .floating-accordion__header .chevron {
  transform: rotate(180deg);
}

.floating-accordion__list.floating-accordion__list_tabs--item .floating-accordion__item .floating-accordion__header .title .sub {
  color: #154677;
}

.floating-accordion__item {
  border-bottom: 1px solid rgba(0, 48, 87, 0.1);
}

.floating-accordion__item.is-active {
  border-bottom: none;
}

.floating-accordion__mobile-image {
  display: none;
}

.floating-accordion__answer--area {
  padding: 0;
}

.floating-accordion__item.is-active .floating-accordion__answer--area {
  padding: 30px 26px 34px 25px;
}

@media (min-width: 992px) {
  .floating-accordion__item.is-active .floating-accordion__answer--area {
    padding: 66px 50px 58px;
  }
}

.floating-accordion__item.is-active .floating-accordion__answer--area {
  background: #fff;
  border-radius: 0 0 15px 15px;
  border-top: 1px solid #154677;
}

.floating-accordion__item.is-active .floating-accordion__mobile-image {
  display: block;
}

@media (min-width: 992px) {
  .floating-accordion__item.is-active .floating-accordion__mobile-image {
    display: none;
  }
}

.floating-accordion__header {
  width: 100%;
  padding: 0px 0 14px;
}

@media (min-width: 992px) {
  .floating-accordion__header {
    padding: 0px 0 21.59px;
  }
}

.floating-accordion__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: none;
  border: none;
  cursor: pointer;
}

.floating-accordion__header .title .title-line .title-line-inner span:last-child {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 132%;
  letter-spacing: -3%;
  vertical-align: middle;
  color: #000000;
}

.title {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
}

@media (min-width: 992px) {
  .title {
    font-size: 36px;
    line-height: 132%;
  }
}

.title {
  letter-spacing: -3%;
  vertical-align: middle;
  color: #154677;
  text-align: right;
}

.sub {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 132%;
  letter-spacing: -3%;
  vertical-align: middle;
  color: #000000;
}

.chevron {
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  width: 24px;
  height: 24px;
  padding: 1px;
  background: #154677;
  border-radius: 50%;
}

@media (min-width: 992px) {
  .chevron {
    min-width: 34px;
    min-height: 34px;
    max-width: 34px;
    max-height: 34px;
    width: 34px;
    height: 34px;
    position: relative;
    transition: transform 0.4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
  }
}

.is-active .chevron {
  background: #fff;
}

.is-active .chevron .arrow-down-icon {
  display: none;
}

.chevron .arrow-up-icon {
  display: none;
}

.is-active .chevron .arrow-up-icon {
  display: flex;
}

.floating-accordion__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.is-active .floating-accordion__content {
  max-height: 600px;
  opacity: 1;
}

.floating-accordion__image {
  position: absolute;
  right: 62%;
  top: 0;
  transform: translateX(50%) scale(0.95);
  width: 488px;
  height: 712px;
  opacity: 0;
  pointer-events: none;
  border-radius: 0px;
  z-index: 99999;
  overflow: hidden;
  box-shadow: 0 60px 120px rgba(0, 0, 0, 0.45);
}

.floating-accordion__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.floating-accordion__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
}

.floating-accordion__answer--area .links-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  justify-content: flex-start;
}

@media (min-width: 992px) {
  .floating-accordion__answer--area .links-list {
    margin-top: 43px;
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }
}

.floating-accordion__answer--area .links-list li .cta--btn {
  width: 175px;
}

.floating-accordion__answer--area p {
  /* max-width: 475px; */
  width: 100%;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #1B1810;
}

/* MOBILE */
@media (max-width: 1024px) {
  .floating-accordion__image {
    display: none;
  }

  .floating-accordion__mobile-image {
    display: none;
    margin-bottom: 24px;
  }

  .is-active .floating-accordion__mobile-image {
    display: block;
  }

  .floating-accordion__mobile-image img {
    width: 100%;
    border-radius: 0;
    height: 224px;
    object-fit: cover;
    object-position: top center;
  }
}

.fa-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fa-img--current {
  opacity: 1;
}

.fa-img--next {
  opacity: 0;
}

.our-degree-program-sliders-section {
  overflow: hidden;
  padding-top: 61px;
}

@media (min-width: 992px) {
  .our-degree-program-sliders-section {
    padding-top: 100px;
    background: #fff;
    padding-bottom: 0;
  }
}

.degree-programs-slides--cont {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 992px) {
  .degree-programs-slides--cont {
    align-items: flex-end;
  }
}

.degree-programs-slides--cont {
  gap: 22px;
}

.fun-facts-section {
  padding-top: 40px;
}

@media (min-width: 992px) {
  .fun-facts-section {
    padding-top: 130px;
    background: #fff;
    padding-bottom: 0;
  }
}

.fun-facts-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "one two" "three three" "four four" "five five" "six seven";
  column-gap: 10px;
  row-gap: 11px;
}

@media (min-width: 992px) {
  .fun-facts-wrapper {
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "one two five four four" "three three five six seven";
    column-gap: 24px;
    row-gap: 19px;
  }
}

.fun-facts-wrapper .fun-fact-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.fun-facts-wrapper .fun-fact-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fun-facts-wrapper .fun-fact-card div {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .fun-facts-wrapper .fun-fact-card div {
    font-size: 50px;
  }
}

.fun-facts-wrapper .fun-fact-card div {
  line-height: 120%;
  letter-spacing: -3%;
  text-align: center;
  color: #154677;
}

.fun-facts-wrapper .fun-fact-card p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}

@media (min-width: 992px) {
  .fun-facts-wrapper .fun-fact-card p {
    line-height: 155%;
  }
}

.fun-facts-wrapper .fun-fact-card p {
  letter-spacing: 0%;
  text-align: center;
  color: #154677;
}

.fun-facts-wrapper .fun-fact-card.one {
  background: #E5C687;
  padding: 26px 23px;
}

.fun-facts-wrapper .fun-fact-card.one div {
  color: #154677;
}

.fun-facts-wrapper .fun-fact-card.one p {
  color: #154677;
  margin-top: 5px;
}

.fun-facts-wrapper .fun-fact-card.three {
  background: #154677;
  padding: 26px 23px;
}

.fun-facts-wrapper .fun-fact-card.three div {
  color: #E5C687;
}

.fun-facts-wrapper .fun-fact-card.three p {
  color: #E5C687;
  margin-top: 5px;
}

.fun-facts-wrapper .fun-fact-card.five {
  background: rgba(229, 198, 135, 0.2509803922);
  padding: 26px 23px;
}

@media (min-width: 992px) {
  .fun-facts-wrapper .fun-fact-card.five {
    height: 450px;
  }
}

.fun-facts-wrapper .fun-fact-card.five div {
  color: #154677;
}

@media (min-width: 992px) {
  .fun-facts-wrapper .fun-fact-card.five div {
    font-size: 65px;
  }
}

.fun-facts-wrapper .fun-fact-card.five p {
  color: #154677;
  margin-top: 12px;
}

@media (min-width: 992px) {
  .fun-facts-wrapper .fun-fact-card.five p {
    margin-top: 25px;
  }
}

.fun-facts-wrapper .fun-fact-card.seven {
  background: #E5C687;
  padding: 26px 23px;
}

.fun-facts-wrapper .fun-fact-card.seven div {
  color: #154677;
}

.fun-facts-wrapper .fun-fact-card.seven p {
  color: #154677;
  margin-top: 7px;
}

.one {
  grid-area: one;
}

.two {
  grid-area: two;
}

.three {
  grid-area: three;
}

.four {
  grid-area: four;
}

.five {
  grid-area: five;
}

.six {
  grid-area: six;
}

.seven {
  grid-area: seven;
}

.forwards-thinking-section {
  padding-top: 45px;
}

@media (min-width: 992px) {
  .forwards-thinking-section {
    padding-top: 156px;
    background: #fff;
    padding-bottom: 0;
  }
}

.forwards-thinking-section.version-two {
  padding-top: 47px;
}

@media (min-width: 992px) {
  .forwards-thinking-section.version-two {
    padding-top: 124px;
    background: #fff;
  }
}

.forwards-thinking-section .section-title-right-cont h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-top: 7px;
}

@media (min-width: 992px) {
  .forwards-thinking-section .section-title-right-cont h3 {
    font-size: 20px;
    margin-top: 15px;
  }
}

.forwards-thinking-section .section-title-right-cont h3 {
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
}

.forwards-thinking-section .section-title-right-cont .desc-text p {
  margin-top: 0;
  padding-top: 21px;
}

@media (min-width: 992px) {
  .forwards-thinking-section .section-title-right-cont .desc-text p {
    padding-top: 47px;
  }
}

.forwards-thinking-section .section-title-right-cont .desc-text p {
  max-width: 743px;
  width: 100%;
}

.forwards-thinking-section .section-title-right-cont .read-more-text {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 132%;
  letter-spacing: -3%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  color: #1A8039;
  margin-top: 16px;
}

.degree-programs-version-two {
  padding-top: 61px;
}

@media (min-width: 992px) {
  .degree-programs-version-two {
    padding-top: 128px;
    background: #fff;
    padding-bottom: 0;
  }
}

.degree-programs-version-two .section-title-right-cont p {
  max-width: 100%;
}

.floating-accordion__list_tabs--item {
  display: none;
}

.floating-accordion__list_tabs--item.is-visible {
  display: flex;
}

.degree-programs-cont-wrapper .degree-programs-tabs {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .degree-programs-cont-wrapper .degree-programs-tabs {
    margin-bottom: 48px;
  }
}

.degree-programs-cont-wrapper .degree-programs-tabs {
  width: 100%;
}

.degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 992px) {
  .degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items {
    flex-direction: row;
    gap: 19px;
  }
}

.degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items {
  width: 100%;
}

.degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items li {
  width: 100%;
}

.degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items .tabs-btn-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 15px;
  background: #E5C687;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
}

.degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items .tabs-btn-item .arrow-angle {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #fff;
  padding: 2.85px;
}

.degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items .tabs-btn-item {
  transition: all 350ms ease;
}

@media (min-width: 992px) {
  .degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items .tabs-btn-item.active-tabs-btn-items {
    padding: 31.5px 15px;
  }
}

.degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items .tabs-btn-item.active-tabs-btn-items {
  background: #154677;
  color: #fff;
}

.degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items .tabs-btn-item.active-tabs-btn-items .arrow-angle {
  transform: rotate(-90deg);
}

@media (min-width: 992px) {
  .degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items .tabs-btn-item:hover {
    padding: 31.5px 15px;
  }
}

.degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items .tabs-btn-item:hover {
  background: #154677;
  color: #fff;
}

.degree-programs-cont-wrapper .degree-programs-tabs-based-lists {
  background: rgba(229, 198, 135, 0.2509803922);
  padding-top: 45px;
  padding-bottom: 59px;
}

@media (min-width: 992px) {
  .degree-programs-cont-wrapper .degree-programs-tabs-based-lists {
    padding-top: 50px;
    padding-bottom: 67px;
  }
}

.journey {
  padding-top: 51px;
}

@media (min-width: 992px) {
  .journey {
    padding-top: 104px;
  }
}

.journey {
  background: #fff;
}

/* FLEX TRACK */
.journey-track {
  display: flex;
  align-items: flex-end;
  gap: 9px;
}

@media (min-width: 992px) {
  .journey-track {
    gap: 34px;
  }
}

.journey-track {
  height: 520px;
}

/* ITEM */
.journey-item {
  position: relative;
  flex: 0 0 54px;
}

@media (min-width: 992px) {
  .journey-item {
    flex: 0 0 216px;
  }
}

.journey-item {
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: flex 0.8s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s ease;
  filter: brightness(0.75);
}

.journey-item:hover {
  filter: brightness(1);
}

.journey-item {
  height: 90%;
}

@media (min-width: 992px) {
  .journey-item {
    height: 85%;
  }
}

.journey-item {
  width: 216px;
}

/* ACTIVE = EXPANDED */
.journey-item.is-active {
  flex: 1 1 auto;
  filter: brightness(1);
  height: 100%;
}

/* IMAGE SCALE EFFECT */
.journey-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  transform: scale(1.15);
  transition: transform 1s ease;
}

.journey-item.is-active::before {
  transform: scale(1.05);
}

/* CONTENT PANEL */
.journey-content {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  background: #1d446a;
  color: white;
  padding: 0px;
  height: 0;
  overflow: hidden;
  transition: height 0.7s cubic-bezier(0.16, 1, 0.3, 1), padding 0.7s ease;
}

.journey-item.is-active .journey-content {
  height: 40%;
  padding: 30px 23px 12px 14px;
}

@media (min-width: 992px) {
  .journey-item.is-active .journey-content {
    height: 177px;
    padding: 30px 75px 12px 45px;
  }
}

.journey-content h3 {
  color: #E5C687;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

@media (min-width: 992px) {
  .journey-content h3 {
    font-size: 40px;
  }
}

.journey-content h3 {
  line-height: 120%;
  letter-spacing: -3%;
}

.journey-content p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  margin-top: 8px;
}

@media (min-width: 992px) {
  .journey-content p {
    font-size: 16px;
    margin-top: 16px;
  }
}

.journey-content p {
  line-height: 130%;
  letter-spacing: 0%;
  color: #fff;
  max-width: 517px;
}

.about-AI-in-uae-section {
  padding-top: 50px;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section {
    padding-top: 80px;
    background: #fff;
    padding-bottom: 0;
  }
}

.about-AI-in-uae-section .section-title-right-cont p {
  max-width: 100%;
}

.about-AI-in-uae-section .section-title-right-cont .download-article-lists {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .section-title-right-cont .download-article-lists {
    gap: 14px;
  }
}

.about-AI-in-uae-section .section-title-right-cont .download-article-lists {
  margin-top: 30px;
}

.about-AI-in-uae-section .section-title-right-cont .download-article-lists li {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 15px;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .section-title-right-cont .download-article-lists li {
    align-items: center;
    flex-direction: row;
    gap: 20px;
  }
}

.about-AI-in-uae-section .section-title-right-cont .download-article-lists li {
  position: relative;
}

.about-AI-in-uae-section .section-title-right-cont .download-article-lists li::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 100px;
  background: #1A8039;
  right: 0;
  top: 11px;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .section-title-right-cont .download-article-lists li::before {
    top: 50%;
    transform: translateY(-50%);
  }
}

.about-AI-in-uae-section .section-title-right-cont .download-article-lists li p {
  margin-top: 0;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
  padding-right: 23px;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .section-title-right-cont .download-article-lists li p {
    font-size: 20px;
    padding-right: 33px;
  }
}

.about-AI-in-uae-section .section-title-right-cont .download-article-lists li p {
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
}

.about-AI-in-uae-section .feature-article-wrapper-section {
  background: rgba(229, 198, 135, 0.2509803922);
}

.about-AI-in-uae-section .feature-article-wrapper-section .feature-articles-wrapper {
  display: flex;
  flex-direction: column;
  gap: 41px;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .feature-article-wrapper-section .feature-articles-wrapper {
    gap: 56px;
  }
}

.about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-cont-text {
  padding: 15px 0px 0px 0px;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-cont-text {
    padding: 61px 46px 0 37px;
  }
}

.about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-cont-text h3 {
  color: #154677;
  font-size: 24px;
  line-height: 120%;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-cont-text h3 {
    font-size: 40px;
    line-height: 132%;
  }
}

.about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-cont-text .desc {
  color: #154677;
  max-width: 436px;
  width: 100%;
  margin-bottom: 0;
  margin-top: 7px;
  line-height: 1.5;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-cont-text .desc {
    margin-top: 22px;
  }
}

.about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-cont-text .cta--btn {
  margin-top: 22px;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-cont-text .cta--btn {
    margin-top: 24px;
  }
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item:nth-child(2) .desc {
    margin-top: 31px;
  }
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item:nth-child(3) .desc {
    margin-top: 40px;
  }
}

.about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-image {
  height: 183px;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-image {
    height: 484px;
  }
}

.about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item:first-child .card-image {
  height: 150px;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item:first-child .card-image {
    height: 411px;
  }
}

.about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item:first-child .card-image img {
  height: 183px;
  margin-top: -22px;
}

@media (min-width: 992px) {
  .about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item:first-child .card-image img {
    margin-top: -73px;
    height: 484px;
  }
}

.mabzuai-explore-section {
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .mabzuai-explore-section {
    padding-bottom: 80px;
  }
}

.mabzuai-explore-section {
  padding-top: 50px;
}

@media (min-width: 992px) {
  .mabzuai-explore-section {
    padding-top: 80px;
    background: #fff;
  }
}

.mabzuai-explore-section .explore-mbzuai-wrapper {
  background: #154677;
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .mabzuai-explore-section .explore-mbzuai-wrapper {
    flex-direction: row;
  }
}

.mabzuai-explore-section .explore-mbzuai-wrapper {
  gap: 0;
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-left-cont {
  width: 100%;
  height: 382px;
}

@media (min-width: 992px) {
  .mabzuai-explore-section .explore-mbzuai-wrapper .explore-left-cont {
    max-width: 60%;
    height: 727px;
  }
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-left-cont img {
  width: 100%;
  height: 100%;
}

@media (min-width: 992px) {
  .mabzuai-explore-section .explore-mbzuai-wrapper .explore-left-cont img {
    height: 825px;
    margin-top: -98px;
  }
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-left-cont img {
  object-fit: cover;
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-left-cont .ultra-view-deg {
  position: absolute;
  top: 10px;
  left: 0;
  width: 132px;
  height: 99px;
}

@media (min-width: 992px) {
  .mabzuai-explore-section .explore-mbzuai-wrapper .explore-left-cont .ultra-view-deg {
    width: 297px;
    height: 223px;
  }
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-left-cont .ultra-view-deg {
  object-fit: contain;
  z-index: 9;
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-end;
  width: 100%;
}

@media (min-width: 992px) {
  .mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont {
    max-width: 40%;
  }
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont {
  padding: 28px 24px 28px 24px;
  height: 245px;
}

@media (min-width: 992px) {
  .mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont {
    padding: 50px 46px 50px 36px;
    height: auto;
  }
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
}

@media (min-width: 992px) {
  .mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont h2 {
    font-size: 87.63px;
    line-height: 90.88px;
  }
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont h2 {
  letter-spacing: 0%;
  color: #fff;
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont h2 .color-text {
  color: #E5C687;
  display: block;
}

@media (min-width: 992px) {
  .mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont h2 .color-text {
    display: inline-block;
  }
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont .cta--btn {
  max-width: 202px;
}

@media (min-width: 992px) {
  .mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont .cta--btn {
    max-width: 175px;
  }
}

.mabzuai-explore-section .explore-mbzuai-wrapper .explore-right-cont .cta--btn {
  width: 100%;
}

.cta-event-section {
  background: #fff;
}

.cta-event-section .cta-event-wrapper {
  display: flex;
  gap: 0;
  flex-direction: column;
}

@media (min-width: 992px) {
  .cta-event-section .cta-event-wrapper {
    flex-direction: row;
  }
}

.cta-event-section .cta-event-wrapper h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .cta-event-section .cta-event-wrapper h2 {
    font-size: 40px;
  }
}

.cta-event-section .cta-event-wrapper h2 {
  line-height: 120%;
  letter-spacing: -3%;
}

.cta-event-section .cta-event-wrapper h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .cta-event-section .cta-event-wrapper h3 {
    font-size: 40px;
  }
}

.cta-event-section .cta-event-wrapper h3 {
  line-height: 120%;
  letter-spacing: -3%;
}

.cta-event-section .cta-event-wrapper p {
  max-width: 491px;
  width: 100%;
  margin-top: 14px;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
}

.cta-event-section .cta-event-wrapper .cta-event-cont-left {
  width: 100%;
  height: 350px;
  padding: 24px 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media (min-width: 992px) {
  .cta-event-section .cta-event-wrapper .cta-event-cont-left {
    max-width: 60%;
    height: 644px;
    padding: 71px 70px;
  }
}

.cta-event-section .cta-event-wrapper .cta-event-cont-left h2 {
  color: #fff;
}

.cta-event-section .cta-event-wrapper .cta-event-cont-left h3 {
  color: #fff;
}

.cta-event-section .cta-event-wrapper .cta-event-cont-left p {
  color: #fff;
}

.cta-event-section .cta-event-wrapper .cta-event-cont-right {
  width: 100%;
}

@media (min-width: 992px) {
  .cta-event-section .cta-event-wrapper .cta-event-cont-right {
    max-width: 40%;
  }
}

.cta-event-section .cta-event-wrapper .cta-event-cont-right {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--left {
  width: 100%;
  background: #E5C687;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 337px;
  padding: 30px 26px;
}

@media (min-width: 992px) {
  .cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--left {
    padding: 36px 44px;
    height: calc(644px / 2);
  }
}

.cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--left h2 {
  color: #154677;
}

.cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--left h3 {
  color: #154677;
}

@media (min-width: 992px) {
  .cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--left p {
    color: #fff;
  }
}

.cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--left p {
  color: #154677;
}

.cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--left .cta--btn .btn--arrow {
  background: #fff;
}

.cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--right {
  width: 100%;
  background: #154677;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 337px;
  padding: 40px 26px;
}

@media (min-width: 992px) {
  .cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--right {
    padding: 40px 45px;
    height: calc(644px / 2);
  }
}

.cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--right h2 {
  color: #E5C687;
}

.cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--right h3 {
  color: #E5C687;
}

.cta-event-section .cta-event-wrapper .cta-event-cont-right .cta-event-content--right p {
  color: #fff;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-wrapper {
    flex-direction: column;
  }
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-left {
    flex-direction: row;
    gap: 0;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-left {
    max-width: 100%;
  }
}

.cta-event-section.version--two .cta-event-cont-left h2 {
  font-size: 24px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-left h2 {
    font-size: 50px;
  }
}

.cta-event-section.version--two .cta-event-cont-left p {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-left p {
    margin-top: 24px;
  }
}

.cta-event-section.version--two .cta-event-cont-left .cta--btn {
  margin-top: 25px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-left .cta--btn {
    margin-top: 46px;
  }
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-left .cont-left {
    background-color: rgba(8, 20, 42, 0.5490196078);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    gap: 0;
    flex: 0 0 50%;
    padding: 71px 70px;
  }
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-left .cont-right {
    flex: 0 0 50%;
  }
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right {
    max-width: 100%;
  }
}

.cta-event-section.version--two .cta-event-cont-right {
  flex-direction: column;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right {
    flex-direction: row;
  }
}

.cta-event-section.version--two .cta-event-cont-right .cta-event-content--left {
  background: #154677;
  height: 292px;
  padding: 30px 26px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right .cta-event-content--left {
    padding: 36px 94px 40px 54px;
    height: 329px;
  }
}

.cta-event-section.version--two .cta-event-cont-right .cta-event-content--left h2 {
  color: #fff;
  font-size: 24px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right .cta-event-content--left h2 {
    font-size: 50px;
  }
}

.cta-event-section.version--two .cta-event-cont-right .cta-event-content--left h3 {
  color: #E5C687;
  font-size: 24px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right .cta-event-content--left h3 {
    color: #fff;
    font-size: 50px;
  }
}

.cta-event-section.version--two .cta-event-cont-right .cta-event-content--left p {
  color: #fff;
  margin-top: 9px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right .cta-event-content--left p {
    margin-top: 24px;
  }
}

.cta-event-section.version--two .cta-event-cont-right .cta-event-content--left .cta--btn {
  margin-top: 25px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right .cta-event-content--left .cta--btn {
    margin-top: 18px;
  }
}

.cta-event-section.version--two .cta-event-cont-right .cta-event-content--right {
  background: #E5C687;
  height: 310px;
  padding: 31px 26px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right .cta-event-content--right {
    padding: 40px 70px 40px 56px;
    height: 329px;
  }
}

.cta-event-section.version--two .cta-event-cont-right .cta-event-content--right h2 {
  color: #154677;
  font-size: 24px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right .cta-event-content--right h2 {
    font-size: 50px;
  }
}

.cta-event-section.version--two .cta-event-cont-right .cta-event-content--right h3 {
  color: #154677;
  font-size: 24px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right .cta-event-content--right h3 {
    font-size: 50px;
  }
}

.cta-event-section.version--two .cta-event-cont-right .cta-event-content--right p {
  color: #154677;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right .cta-event-content--right p {
    margin-top: 24px;
  }
}

.cta-event-section.version--two .cta-event-cont-right .cta-event-content--right .cta--btn {
  margin-top: 22px;
}

@media (min-width: 992px) {
  .cta-event-section.version--two .cta-event-cont-right .cta-event-content--right .cta--btn {
    margin-top: 18px;
  }
}

.cta-event-section.version--two .cta-event-cont-right .cta-event-content--right .cta--btn .btn--arrow {
  background: #fff;
}

.why-chose-us-section {
  padding-top: 61px;
}

@media (min-width: 992px) {
  .why-chose-us-section {
    padding-top: 128px;
    background: #fff;
    padding-bottom: 0;
  }
}

.why-chose-us-section .section-title-right-cont p {
  max-width: 100%;
}

.why-chose-us-section .why-choose-us-wrapper .why-us-card-item img {
  width: 100%;
  height: 148px;
  object-fit: cover;
  object-position: top;
}

@media (min-width: 992px) {
  .why-chose-us-section .why-choose-us-wrapper .why-us-card-item img {
    height: 224px;
  }
}

.why-chose-us-section .why-choose-us-wrapper .why-us-card-item .card-cont {
  background: #E5C687;
  height: auto;
  min-height: 117px;
  padding: 27px 23px 30px 21px;
}

@media (min-width: 992px) {
  .why-chose-us-section .why-choose-us-wrapper .why-us-card-item .card-cont {
    min-height: 138px;
    padding: 26px 28px 41px 34px;
  }
}

.why-chose-us-section .why-choose-us-wrapper .why-us-card-item .card-cont p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
}

@media (min-width: 992px) {
  .why-chose-us-section .why-choose-us-wrapper .why-us-card-item .card-cont p {
    font-size: 15px;
    line-height: 132%;
  }
}

.why-chose-us-section .why-choose-us-wrapper .why-us-card-item .card-cont p {
  letter-spacing: -3%;
  color: #154677;
}

.why-chose-us-section .why-choose-us-wrapper .why-us-card-item .card-cont {
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s ease;
}

.why-chose-us-section .why-choose-us-wrapper .why-us-card-item:hover {
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s ease;
  margin-top: -15px;
}

@media (min-width: 992px) {
  .why-chose-us-section .why-choose-us-wrapper .why-us-card-item:hover {
    margin-top: -55px;
  }
}

.why-chose-us-section .why-choose-us-wrapper .why-us-card-item:hover .card-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #154677;
  min-height: 145px;
  padding: 27px 23px 30px 21px;
}

@media (min-width: 992px) {
  .why-chose-us-section .why-choose-us-wrapper .why-us-card-item:hover .card-cont {
    min-height: 193px;
    padding: 26px 28px 41px 34px;
  }
}

.why-chose-us-section .why-choose-us-wrapper .why-us-card-item:hover .card-cont p {
  color: #fff;
}

.why-choose-us-faq-wrapper {
  background: #154677;
  padding-top: 59px;
  padding-bottom: 95px;
}

@media (min-width: 992px) {
  .why-choose-us-faq-wrapper {
    padding-top: 75px;
    padding-bottom: 59px;
  }
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area {
  display: flex;
  flex-direction: column;
  gap: 0;
}

@media (min-width: 992px) {
  .why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area {
    align-items: start;
    gap: 57px;
    flex-direction: row;
  }
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--left-cont {
  display: none;
}

@media (min-width: 992px) {
  .why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--left-cont {
    display: flex;
    width: 488px;
    width: 100%;
    height: 712px;
  }
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--left-cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .section-title-box {
  margin-bottom: 18px;
}

@media (min-width: 992px) {
  .why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .section-title-box {
    margin-bottom: 32px;
  }
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .section-title-box h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .section-title-box h2 {
    font-size: 50px;
  }
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .section-title-box h2 {
  line-height: 120%;
  letter-spacing: -3%;
  color: #fff;
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .section-title-box p {
  margin-top: 14px;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #fff;
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

@media (min-width: 992px) {
  .why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list {
    gap: 30px;
  }
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item {
  border-bottom: 1px solid #fff;
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item.is-open {
  border-bottom: 0;
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-question {
  background: transparent;
  padding-bottom: 21px;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-question p {
  color: #E5C687;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-question p {
    font-size: 36px;
  }
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-question p {
  line-height: 132%;
  letter-spacing: -3%;
  vertical-align: middle;
  text-align: right;
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-question .faq-icon {
  background: #fff;
}

@media (max-width: 575px) {
  .why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-question .faq-icon {
    width: 24px;
    height: 24px;
    padding: 1px;
  }
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-answer {
  background: transparent;
  border-top: 1px solid #fff;
  padding-right: 0;
  padding-left: 0;
  padding-top: 29px;
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-answer p {
  color: #fff;
  margin-top: 0;
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-answer .links-list {
  gap: 10px;
}

@media (min-width: 992px) {
  .why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-answer .links-list {
    /* gap: 22px; */
  }
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-answer .links-list {
  margin-top: 22px;
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-answer .links-list li .cta--btn {
  max-width: 100%;
}

@media (min-width: 992px) {
  .why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-answer .links-list li .cta--btn {
    max-width: 286px;
  }
}

.why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area .why-choose-us-faq--right-cont .faq-wrapper-content-list .faq-list .faq-item .faq-answer .links-list li .cta--btn {
  width: 100%;
}

.degree-programs-version-three {
  padding-top: 49px;
}

@media (min-width: 992px) {
  .degree-programs-version-three {
    padding-top: 130px;
    background: #fff;
    padding-bottom: 0;
  }
}

.degree-programs-version-three .section-title-right-cont p {
  margin-top: 14px;
}

.degree-programs-version-three .section-title-right-cont ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 992px) {
  .degree-programs-version-three .section-title-right-cont ul {
    flex-direction: row;
    gap: 21px;
  }
}

.degree-programs-version-three .section-title-right-cont ul {
  max-width: 671px;
  width: 100%;
  margin-top: 28px;
}

.degree-programs-version-three .section-title-right-cont ul li .cta--btn {
  max-width: 100% !important;
}

.img-bg-content-wrapper {
  padding-top: 49px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper {
    padding-top: 53px;
    background: #fff;
    padding-bottom: 0;
  }
}

.img-bg-content-wrapper .img-bg-content-wrapper--area {
  position: relative;
  width: 100%;
  height: 728px;
  padding: 50px 25px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper .img-bg-content-wrapper--area {
    padding: 64px 72px;
  }
}

@media (max-width: 575px) {
  .img-bg-content-wrapper .img-bg-content-wrapper--area .custom-container {
    padding: 0;
  }
}

.img-bg-content-wrapper .img-bg-content-wrapper--area {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.img-bg-content-wrapper .img-bg-content-wrapper--area::after {
  content: "";
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  position: absolute;
  background: linear-gradient(-0.5deg, rgba(0, 0, 0, 0.75) -9.37%, rgba(0, 0, 0, 0) 72.84%);
}

.img-bg-content-wrapper .img-bg-content-wrapper--area .content--area {
  position: relative;
  z-index: 9;
}

.img-bg-content-wrapper .img-bg-content-wrapper--area .content--area h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper .img-bg-content-wrapper--area .content--area h2 {
    font-size: 50px;
  }
}

.img-bg-content-wrapper .img-bg-content-wrapper--area .content--area h2 {
  line-height: 120%;
  letter-spacing: -3%;
  max-width: 614px;
  width: 100%;
  color: #fff;
}

.img-bg-content-wrapper .img-bg-content-wrapper--area .content--area p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #fff;
  margin-top: 28px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper .img-bg-content-wrapper--area .content--area p {
    margin-top: 32px;
  }
}

.img-bg-content-wrapper .img-bg-content-wrapper--area .content--area p {
  max-width: 554px;
  width: 100%;
}

.img-bg-content-wrapper .img-bg-content-wrapper--area .content--area .cta--btn {
  margin-top: 24px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper .img-bg-content-wrapper--area .content--area .cta--btn {
    margin-top: 50px;
  }
}

.img-bg-content-wrapper .img-bg-content-wrapper--area .content--area .cta--btn {
  max-width: 325px;
  width: 100%;
}

.img-bg-content-wrapper.version--two {
  padding-bottom: 30px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper.version--two {
    padding-bottom: 44px;
  }
}

.img-bg-content-wrapper.version--two .img-bg-content-wrapper--area {
  height: 679px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper.version--two .img-bg-content-wrapper--area {
    height: 818px;
  }
}

.img-bg-content-wrapper.version--two .content--area {
  position: relative;
  z-index: 9;
}

.img-bg-content-wrapper.version--two .content--area h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 40px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper.version--two .content--area h2 {
    font-size: 80px;
  }
}

.img-bg-content-wrapper.version--two .content--area h2 {
  line-height: 100%;
  letter-spacing: -3%;
  max-width: 614px;
  width: 100%;
  color: #fff;
}

.img-bg-content-wrapper.version--two .content--area ul {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex-direction: column;
  margin-top: 24px;
}

.img-bg-content-wrapper.version--two .content--area ul li a {
  display: flex;
  align-items: center;
  gap: 15px;
}

.img-bg-content-wrapper.version--two .content--area ul li a p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
  max-width: 100%;
  margin-top: 0;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper.version--two .content--area ul li a p {
    font-size: 36px;
  }
}

.img-bg-content-wrapper.version--two .content--area ul li a p {
  line-height: 132%;
  letter-spacing: -3%;
  color: #fff;
}

.img-bg-content-wrapper.version--two .content--area ul li a .btn--arrow {
  min-width: 26px;
  height: 26px;
  padding: 1px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper.version--two .content--area ul li a .btn--arrow {
    padding: 2.86px;
    min-width: 34px;
    height: 34px;
  }
}

.img-bg-content-wrapper.version--two .content--area ul li a .btn--arrow {
  border-radius: 100px;
  background: #E5C687;
}

.experience-abu-dhabi-section {
  padding-top: 50px;
  padding-bottom: 40px;
}

@media (min-width: 992px) {
  .experience-abu-dhabi-section {
    padding-top: 106px;
    background: #fff;
    padding-bottom: 127px;
  }
}

.experience-abu-dhabi-section .experience-abu-dhabi-wrapper {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 992px) {
  .experience-abu-dhabi-section .experience-abu-dhabi-wrapper {
    align-items: flex-end;
  }
}

.experience-abu-dhabi-section .experience-abu-dhabi-wrapper {
  gap: 22px;
}

.historicalExparienceSwiper {
  overflow: visible;
  padding: 0 120px;
}

.historicalExparienceSwiper .swiper-wrapper {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .historicalExparienceSwiper .swiper-slide {
    max-width: 779px;
    width: 100%;
  }
}

.historicalExparienceSwiper .swiper-slide {
  transition: all 0.6s ease, opacity 0.6s ease;
}

.historicalExparienceSwiper .swiper-slide-active {
  max-width: 267px;
}

@media (min-width: 992px) {
  .historicalExparienceSwiper .swiper-slide-active {
    max-width: 779px;
  }
}

.historicalExparienceSwiper .swiper-slide-active .card-extra-info-cont-box {
  display: block;
}

@media (min-width: 992px) {
  .historicalExparienceSwiper .swiper-slide-active .card-extra-info-cont-box {
    display: block;
  }
}

.historicalExparienceSwiper .swiper-slide-active .experience-place--card-wrap {
  transition: all 15ms ease 0s;
}

.historicalExparienceSwiper .swiper-slide-active .experience-place--card-wrap .historical-place {
  background: #154677;
}

.historicalExparienceSwiper .swiper-slide-active .experience-place--card-wrap .historical-place .card-img-box {
  width: 232px;
  height: 257px;
}

@media (min-width: 992px) {
  .historicalExparienceSwiper .swiper-slide-active .experience-place--card-wrap .historical-place .card-img-box {
    width: 100%;
    height: 343px;
  }
}

.historicalExparienceSwiper .swiper-slide-active .experience-place--card-wrap .historical-place .card-img-box img {
  margin-top: -25px;
  height: 282px;
}

@media (min-width: 992px) {
  .historicalExparienceSwiper .swiper-slide-active .experience-place--card-wrap .historical-place .card-img-box img {
    margin-top: -63px;
    height: 406px;
  }
}

.historicalExparienceSwiper .swiper-slide-active .experience-place--card-wrap .historical-place .card-img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.historicalExparienceSwiper .swiper-slide-active .experience-place--card-wrap .historical-place .card-cont-box {
  display: block;
}

@media (min-width: 992px) {
  .historicalExparienceSwiper .swiper-slide-active .experience-place--card-wrap .historical-place .card-cont-box {
    display: block;
  }
}

/* Mobile stacked */
@media (max-width: 768px) {
  .historicalExparienceSwiper {
    padding: 0 20px;
  }

  .historicalExparienceSwiper .swiper-slide {
    width: 100%;
  }
}

.specific-degree-programs-section {
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .specific-degree-programs-section {
    padding-bottom: 53px;
  }
}

.specific-degree-programs-section.undergraduate-program .marquee-text:nth-child(odd) {
  color: #fff;
}

.specific-degree-programs-section.undergraduate-program .marquee-text>span {
  color: #E5C687;
}

.specific-degree-programs-section .specific-degree-programe-wrapper--area {
  position: relative;
  padding-top: 39px;
}

@media (min-width: 992px) {
  .specific-degree-programs-section .specific-degree-programe-wrapper--area {
    padding-top: 100px;
  }
}

.specific-degree-programs-section .specific-degree-programe-wrapper--area.phd-programs .section-title-right-cont p {
  max-width: 100%;
}

.specific-degree-programs-section .specific-degree-programe-wrapper--area.undergraduate-program {
  padding-top: 29px;
}

@media (min-width: 992px) {
  .specific-degree-programs-section .specific-degree-programe-wrapper--area.undergraduate-program {
    padding-top: 84px;
  }
}

.specific-degree-programs-section .specific-degree-programe-wrapper--area.undergraduate-program .section-title-right-cont p {
  margin-top: 0;
  max-width: 100% !important;
}

.animated-marquee-line {
  margin-top: 32px;
}

@media (min-width: 992px) {
  .animated-marquee-line {
    /* padding-top: 86px; */
  }
}

.animated-marquee-line .marquee {
  background: #1d446a;
  padding: 16.79px 0 17px;
}

@media (min-width: 992px) {
  .animated-marquee-line .marquee {
    padding: 34px 0 33px;
  }
}

.animated-marquee-line .marquee {
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.animated-marquee-line .marquee-track {
  display: flex;
  /* width: max-content; */
  gap: 30px;
}

@media (min-width: 992px) {
  .animated-marquee-line .marquee-track {
    gap: 60px;
  }
}

.animated-marquee-line .marquee-inner {
  display: flex;
  gap: 30px;
}

@media (min-width: 992px) {
  .animated-marquee-line .marquee-inner {
    gap: 60px;
  }
}

.animated-marquee-line .marquee-inner {
  white-space: nowrap;
  align-items: center;
}

.animated-marquee-line .marquee-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .animated-marquee-line .marquee-text {
    font-size: 50px;
  }
}

.animated-marquee-line .marquee-text {
  line-height: 120%;
  letter-spacing: -3%;
}

.animated-marquee-line .marquee-text {
  color: #fff;
}

.animated-marquee-line .marquee-text:nth-child(odd) {
  color: #E5C687;
}

@media (min-width: 1024px) {
  .animated-marquee-line .marquee-text {
    font-size: 48px;
  }
}

/* ================= PROGRAM LIST ================= */
.programs-list__items {
  position: relative;
}

/* ================= PROGRAM ITEM ================= */
.program-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 46px 25px 47px 25px;
}

@media (min-width: 992px) {
  .program-item {
    padding: 51px 0px 51px 34px;
  }
}

.program-item {
  border-bottom: 1px solid #154677;
  cursor: pointer;
  transition: background-color 0.45s ease, padding 0.45s ease;
}

.program-item__left {
  width: 100%;
  max-width: 100%;
  flex-direction: row-reverse;
  align-items: flex-start;
}

@media (min-width: 992px) {
  .program-item__left {
    flex-direction: row;
    max-width: 450px;
    align-items: center;
  }
}

.program-item__left {
  display: flex;
  gap: 22px;
}

.program-item__arrow {
  transition: opacity 0.3s ease, transform 0.3s ease;
  min-width: 28px;
  height: 28px;
  border-radius: 100px;
  background: #154677;
  transform: rotate(-90deg);
  padding: 5px;
}

@media (min-width: 992px) {
  .program-item__arrow {
    width: unset;
    height: unset;
    background: transparent;
    transform: rotate(0deg);
  }
}

.program-item__arrow img {
  width: 100%;
  height: 100%;
}

.program-item h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
}

@media (min-width: 992px) {
  .program-item h3 {
    font-size: 36px;
    line-height: 132%;
  }
}

.program-item h3 {
  letter-spacing: -3%;
  vertical-align: middle;
  transition: font-size 0.3s ease;
  color: #154677;
}

.program-item.is-active {
  border-bottom: 0;
}

/* Previous item */
.program-item:has(+ .program-item.is-active) {
  border-bottom: 0;
}

.program-item.is-active h3 {
  padding-bottom: 24px;
}

@media (min-width: 992px) {
  .program-item.is-active h3 {
    padding-bottom: 0;
  }
}

.program-item.is-active .program-item__right {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .program-item.is-active .program-item__right {
    flex-direction: row;
    align-items: center;
  }
}

.program-item.is-active .program-item__right {
  gap: 10px;
  justify-content: space-between;
}

.program-item__right {
  display: flex;
  flex-direction: column;
  opacity: 0;
  width: 100%;
  padding: 33px 28px 44px 22px;
  background: #fff;
  border-radius: 0 0 15px 15px;
  border-top: 1px solid #154677;
}

@media (min-width: 992px) {
  .program-item__right {
    padding: 0;
    background: transparent;
    width: 383px;
    opacity: 1;
    border: 0;
    border-radius: 0;
  }
}

.program-item__right {
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
}

.program-item__right p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
}

.program-item__cta {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  margin-top: 26px;
}

@media (min-width: 992px) {
  .program-item__cta {
    margin-top: 0;
  }
}

.program-item__cta span:first-child {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 132%;
  letter-spacing: -3%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  margin-top: 4px;
  color: #1A8039;
}

.program-item.is-active .program-item__right .program-item__cta span:first-child {
  display: block;
}

@media (min-width: 992px) {
  .program-item.is-active .program-item__right .program-item__cta span:first-child {
    display: none;
  }
}

.program-item__cta-icon {
  width: 34px;
  height: 34px;
  background: #003057;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  transition: transform 0.3s ease;
}

@media (min-width: 992px) {
  .program-item.is-active .program-item__cta-icon {
    display: flex;
  }
}

/* ================= ACTIVE ================= */
.program-item.is-active {
  background: rgba(229, 198, 135, 0.2509803922);
  border-radius: 15px;
}

@media (min-width: 992px) {
  .program-item.is-active {
    padding: 35px 0px 35px 34px;
    border-radius: 30px;
  }
}

.program-item.is-active .program-item__arrow {
  transform: rotate(90deg);
}

@media (min-width: 992px) {
  .program-item.is-active .program-item__arrow {
    opacity: 0;
    transform: translateX(20px);
  }
}

.program-item.is-active .program-item__right {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.program-item.is-active .program-item__cta-icon {
  transform: translateX(-6px);
}

.program-item {
  position: relative;
}

/* ================= FLOATING IMAGE ================= */
.programs-list__floating-image {
  position: relative;
}

@media (min-width: 992px) {
  .programs-list__floating-image {
    position: absolute;
    right: 50%;
    top: 200px;
    transform: translateX(50%);
    width: 408px;
    height: 509px;
  }
}

.programs-list__floating-image {
  overflow: hidden;
  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.4);
  z-index: 10;
  pointer-events: none;
}

.programs-list__floating-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.programs-list__badge {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: transparent;
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 0.2em;
  display: flex;
  border: 3px solid #fff;
  align-items: center;
  justify-content: center;
}

.program-item__right .programs-list__-image {
  display: none;
  width: 100%;
  height: 100%;
}

.program-item__right .programs-list__-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ================= MOBILE ================= */
@media (max-width: 1024px) {
  .programs-list__floating-image {
    display: none;
  }

  .program-item__right .programs-list__-image {
    margin-bottom: 24px;
    display: block;
  }

  .program-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .program-item__left,
  .program-item__right {
    width: 100%;
  }

  .program-item__right {
    opacity: 0;
    display: none;
    transform: none;
  }
}

.specific-ba-degree-card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

@media (min-width: 992px) {
  .specific-ba-degree-card-wrapper {
    flex-direction: row;
    gap: 65px;
  }
}

.specific-ba-degree-card-wrapper .ba-degree-card-item:first-child {
  width: 100%;
}

@media (min-width: 992px) {
  .specific-ba-degree-card-wrapper .ba-degree-card-item:first-child {
    max-width: calc(100% - 581px);
  }
}

.specific-ba-degree-card-wrapper .ba-degree-card-item:first-child .card--img-box {
  height: 221px;
}

@media (min-width: 992px) {
  .specific-ba-degree-card-wrapper .ba-degree-card-item:first-child .card--img-box {
    height: 465px;
  }
}

.specific-ba-degree-card-wrapper .ba-degree-card-item:nth-child(2) {
  width: 100%;
}

@media (min-width: 992px) {
  .specific-ba-degree-card-wrapper .ba-degree-card-item:nth-child(2) {
    max-width: 581px;
  }
}

.specific-ba-degree-card-wrapper .ba-degree-card-item:nth-child(2) .card--img-box {
  height: 221px;
}

@media (min-width: 992px) {
  .specific-ba-degree-card-wrapper .ba-degree-card-item:nth-child(2) .card--img-box {
    height: 465px;
  }
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .card--img-box::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(-0.5deg, rgba(0, 0, 0, 0.75) -9.37%, rgba(0, 0, 0, 0) 72.84%);
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .card--img-box {
  width: 100%;
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .card--img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .card--img-box h2 {
  position: absolute;
  bottom: 12px;
  right: 18px;
  z-index: 9;
  color: #fff;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .specific-ba-degree-card-wrapper .ba-degree-card-item .card--img-box h2 {
    bottom: 16px;
    right: 26px;
    font-size: 50px;
  }
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .card--img-box h2 {
  line-height: 120%;
  letter-spacing: -3%;
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box {
  margin-top: 25px;
  padding-top: 14px;
  border-top: 0.6px solid #1B1810;
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box .title--box {
  display: flex;
  align-items: center;
  gap: 8px;
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box .title--box h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
}

@media (min-width: 992px) {
  .specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box .title--box h3 {
    font-size: 26px;
    line-height: 132%;
  }
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box .title--box h3 {
  letter-spacing: 0.3px;
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box .title--box h3 span {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (min-width: 992px) {
  .specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box .title--box h3 span {
    font-size: 18px;
  }
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box .title--box h3 span {
  line-height: 132%;
  letter-spacing: 0.3px;
  color: #1A8039;
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box .title--box .btn--arrow-item {
  min-width: 31px;
  min-height: 31px;
  padding: 3px;
}

@media (min-width: 992px) {
  .specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box .title--box .btn--arrow-item {
    min-width: 45px;
    min-height: 45px;
    padding: 10px;
  }
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box .title--box .btn--arrow-item {
  border-radius: 100px;
  background: #E5C687;
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-right: 25px;
}

@media (min-width: 992px) {
  .specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box ul {
    gap: 15px;
  }
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box ul {
  margin-top: 19px;
}

.specific-ba-degree-card-wrapper .ba-degree-card-item .cord-cont--box ul li {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #000000;
  list-style-type: disc;
  list-style: disc;
}

.banner-section.undergraduate-program .banner-wrapper .banner-right-cont .banner-right-slide-area {
  height: auto;
  min-height: 194px;
}

.why-wbzuai-section {
  padding-top: 0px;
}

@media (min-width: 992px) {
  .why-wbzuai-section {
    padding-top: 26px;
  }
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area {
  display: flex;
  gap: 45px;
  flex-direction: column;
}

@media (min-width: 992px) {
  .why-wbzuai-section .why-wbzuai-wrapper-cont--area {
    flex-direction: row;
    gap: 39px;
  }
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont {
  max-width: 100%;
}

@media (min-width: 992px) {
  .why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont {
    max-width: 659px;
  }
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont {
  width: 100%;
  padding: 40px 26px 30px 30px;
}

@media (min-width: 992px) {
  .why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont {
    padding: 83px 71px 69px 70px;
  }
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont {
  background: #154677;
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  color: #fff;
}

@media (min-width: 992px) {
  .why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont p {
    font-size: 52px;
    line-height: 120%;
  }
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont p {
  letter-spacing: -3%;
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont p span {
  color: #E5C687;
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont .cta--btn {
  margin-top: 40px;
}

@media (min-width: 992px) {
  .why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont .cta--btn {
    margin-top: 62px;
  }
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-right-cont {
  max-width: 100%;
  padding: 0 26px;
}

@media (min-width: 992px) {
  .why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-right-cont {
    padding: 0 0;
    max-width: calc(100% - 659px);
  }
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-right-cont .why-us-lists-item {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-right-cont .why-us-lists-item {
    gap: 10px;
  }
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-right-cont .why-us-lists-item li {
  padding-bottom: 12px;
}

@media (min-width: 992px) {
  .why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-right-cont .why-us-lists-item li {
    padding-bottom: 26px;
  }
}

.why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-right-cont .why-us-lists-item li {
  border-bottom: 0.6px solid #E5C687;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
}

.why-wbzuai-section.version---two .section-title-right-cont .list-items-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

@media (min-width: 992px) {
  .why-wbzuai-section.version---two .section-title-right-cont .list-items-box {
    gap: 32px;
  }
}

.why-wbzuai-section.version---two .section-title-right-cont .list-items-box .lists-items:nth-child(2) {
  max-width: 396px;
  width: 100%;
}

.why-wbzuai-section.version---two .section-title-right-cont .list-items-box .lists-items {
  display: flex;
  gap: 20px;
}

@media (min-width: 992px) {
  .why-wbzuai-section.version---two .section-title-right-cont .list-items-box .lists-items {
    gap: 27px;
  }
}

.why-wbzuai-section.version---two .section-title-right-cont .list-items-box .lists-items {
  flex-direction: column;
}

.why-wbzuai-section.version---two .section-title-right-cont .list-items-box .lists-items li {
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 155%;
}

@media (min-width: 992px) {
  .why-wbzuai-section.version---two .section-title-right-cont .list-items-box .lists-items li {
    font-size: 18px;
    line-height: 24px;
    white-space: nowrap;
  }
}

.why-wbzuai-section.version---two .section-title-right-cont .list-items-box .lists-items li {
  letter-spacing: 0%;
  display: flex;
  display: flex;
  gap: 19px;
  align-items: center;
}

.why-wbzuai-section.version---two .section-title-right-cont .list-items-box .lists-items li .check-mark-icon {
  width: 18px;
  height: 18px;
  border-radius: 50px;
}

.talent-student-section {
  padding-top: 40px;
}

@media (min-width: 992px) {
  .talent-student-section {
    padding-top: 90px;
    background: #fff;
  }
}

.talent-student-section .talented-student-grid-box {
  display: grid;
  column-gap: 9px;
  row-gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "one two" "three three" "four four";
}

@media (min-width: 992px) {
  .talent-student-section .talented-student-grid-box {
    column-gap: 32px;
    row-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "one two four" "three three four";
  }
}

.talent-student-section .grid-card-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.talent-student-section .grid-card-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.talent-student-section .grid-card-item .title {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .talent-student-section .grid-card-item .title {
    font-size: 36px;
  }
}

.talent-student-section .grid-card-item .title {
  line-height: 120%;
  letter-spacing: -3%;
  text-align: center;
  color: #154677;
}

.talent-student-section .grid-card-item p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}

@media (min-width: 992px) {
  .talent-student-section .grid-card-item p {
    line-height: 155%;
  }
}

.talent-student-section .grid-card-item p {
  letter-spacing: 0%;
  text-align: center;
  color: #154677;
}

.talent-student-section .grid-card-item.one {
  background: #E5C687;
  padding: 26px 23px;
}

.talent-student-section .grid-card-item.one div {
  color: #154677;
  max-width: 244px;
}

.talent-student-section .grid-card-item.one p {
  color: #154677;
  margin-top: 5px;
}

.talent-student-section .grid-card-item.three {
  background: #154677;
  padding: 26px 23px;
}

.talent-student-section .grid-card-item.three div {
  color: #E5C687;
  max-width: 458px;
}

.talent-student-section .grid-card-item.three p {
  color: #E5C687;
  margin-top: 5px;
}

.talent-student-section .grid-card-item.three {
  height: 208px;
}

.talent-student-section .grid-card-item.four {
  background: rgba(229, 198, 135, 0.2509803922);
  padding: 26px 23px;
}

.talent-student-section .grid-card-item.four div {
  color: #154677;
  max-width: 261px;
}

.talent-student-section .grid-card-item.four p {
  color: #154677;
  margin-top: 12px;
}

@media (min-width: 992px) {
  .talent-student-section .grid-card-item.four p {
    margin-top: 25px;
  }
}

.talent-student-section .one {
  grid-area: one;
}

.talent-student-section .two {
  grid-area: two;
}

.talent-student-section .three {
  grid-area: three;
}

.talent-student-section .four {
  grid-area: four;
}

.faculty-spotlight-section.version---two {
  padding-top: 46px;
  padding-bottom: 0px;
}

@media (min-width: 992px) {
  .faculty-spotlight-section.version---two {
    padding-top: 100px;
    background: #fff;
    padding-bottom: 0;
  }
}

.faculty-spotlight-section.version---two .faculty-spotlight-wrapper {
  align-items: flex-start;
}

@media (min-width: 992px) {
  .faculty-spotlight-section.version---two .faculty-spotlight-wrapper {
    align-items: flex-start;
  }
}

.faculty-spotlight-section.version---two .faculty-spotlight-wrapper .team-card {
  display: block;
}

.faculty-spotlight-section.version---two .faculty-spotlight-wrapper .team-card .team--card-cont--box {
  display: flex;
  gap: 17px;
  justify-content: center;
  flex-direction: column;
}

@media (min-width: 992px) {
  .faculty-spotlight-section.version---two .faculty-spotlight-wrapper .team-card .team--card-cont--box {
    align-items: flex-end;
    flex-direction: row;
    gap: 30px;
  }
}

.faculty-spotlight-section.version---two .faculty-spotlight-wrapper .team-card .desc-text-cont {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  margin-top: 30px;
}

@media (min-width: 992px) {
  .faculty-spotlight-section.version---two .faculty-spotlight-wrapper .team-card .desc-text-cont {
    margin-top: 54px;
  }
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper {
  overflow: visible;
  padding: 0 120px;
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-wrapper {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide {
    max-width: 779px;
    width: 100%;
  }
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide {
  transition: all 0.6s ease, opacity 0.6s ease;
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active {
  max-width: 267px;
}

@media (min-width: 992px) {
  .faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active {
    max-width: 779px;
  }
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap {
  transition: all 15ms ease 0s;
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card {
  background: #154677;
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .card-cont-box {
  display: block;
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .card-cont-box h3 {
  color: #E5C687;
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .card-cont-box .date-time-text {
  color: #E5C687;
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .card-cont-box .desc-text {
  color: #fff;
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .card-cont-box .cta--btn {
  margin-top: 23px;
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .card-img-box {
  width: 243px;
  height: 88px;
}

@media (min-width: 992px) {
  .faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .card-img-box img {
  margin-top: -46px;
  height: 134px;
}

@media (min-width: 992px) {
  .faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .card-img-box img {
    margin-top: -50px;
    height: 351px;
  }
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .card-img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .card-cont-box {
  display: block;
}

.faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .desc-text-cont {
  color: #fff;
}

@media (min-width: 992px) {
  .faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide-active .faculty--spotlight-card-wrap .team-card .desc-text-cont {
    display: block;
  }
}

.faculty-spotlight-section.version---two {
  /* Mobile stacked */
}

@media (max-width: 768px) {
  .faculty-spotlight-section.version---two .facultyspotlightSwiper {
    padding: 0 20px;
  }

  .faculty-spotlight-section.version---two .facultyspotlightSwiper .swiper-slide {
    width: 100%;
  }
}

.faq-section {
  padding-top: 51px;
  padding-bottom: 0px;
}

@media (min-width: 992px) {
  .faq-section {
    padding-top: 100px;
    background: #fff;
    padding-bottom: 0px;
  }
}

.toggle-switch {
  width: 56px;
  height: 27px;
  background: #d1d5db;
  border-radius: 999px;
  position: relative;
  border: none;
  cursor: pointer;
  transition: background-color 0.25s ease;
}

.toggle-switch__knob {
  width: 32px;
  height: 27px;
  background: #003057;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  right: 0px;
  transition: transform 0.3s ease;
}

.toggle-switch.is-active {
  background: rgba(0, 48, 87, 0.4392156863);
}

.toggle-switch.is-active .toggle-switch__knob {
  transform: translateX(-28px);
}

.faq-wrapper--area .faq-header__toggle {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 19px;
  gap: 14px;
}

@media (min-width: 992px) {
  .faq-wrapper--area .faq-header__toggle {
    margin-bottom: 50px;
  }
}

.faq-wrapper--area .faq-header__toggle span {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

@media (min-width: 992px) {
  .faq-wrapper--area .faq-header__toggle span {
    font-size: 20px;
  }
}

.faq-wrapper--area .faq-header__toggle span {
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
}

/* =========================
   FAQ LIST
========================= */
.faq-list {
  border-top: 1px solid #154677;
}

.faq-item {
  border-bottom: 1px solid #154677;
}

/* =========================
   QUESTION
========================= */
.faq-question {
  width: 100%;
  padding: 16px 20px;
}

@media (min-width: 992px) {
  .faq-question {
    padding: 32px 48px;
  }
}

.faq-question {
  text-align: right;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #154677;
}

@media (min-width: 992px) {
  .faq-question {
    font-size: 40px;
  }
}

.faq-question {
  line-height: 120%;
  letter-spacing: -3%;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

.faq-question:hover {
  background: rgba(229, 198, 135, 0.2509803922);
}

.faq-question.is-open {
  background: #f9f5e8;
}

/* =========================
   ICON
========================= */
.faq-icon {
  width: 34px;
  height: 34px;
  background: #154677;
  border-radius: 50%;
  position: relative;
  transition: transform 0.4s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
}

/* =========================
   ANSWER
========================= */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  display: none;
  transition: max-height 0.5s ease, opacity 0.4s ease;
  opacity: 0;
  padding: 20px 16px 32px;
}

@media (min-width: 992px) {
  .faq-answer {
    padding: 26px 22px 32px;
  }
}

.faq-answer {
  border-top: 1px solid #154677;
}

.faq-answer .faq-answer__inner h4 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

@media (min-width: 992px) {
  .faq-answer .faq-answer__inner h4 {
    font-size: 24px;
  }
}

.faq-answer .faq-answer__inner h4 {
  line-height: 120%;
  letter-spacing: -3%;
  color: #1B1810;
  margin-top: 21px;
}

.faq-answer .faq-answer__inner h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

@media (min-width: 992px) {
  .faq-answer .faq-answer__inner h3 {
    font-size: 24px;
  }
}

.faq-answer .faq-answer__inner h3 {
  line-height: 120%;
  letter-spacing: -3%;
  color: #1B1810;
}

.faq-answer .faq-answer__inner p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #1B1810;
  margin-top: 14px;
}

.faq-answer .faq-answer__inner ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

.faq-answer .faq-answer__inner ul li {
  display: flex;
  align-items: center;
  /* gap: 18px; */
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
}

.faq-answer .cta--btn {
  max-width: fit-content;
}

.faq-item.is-open .faq-answer {
  max-height: 100%;
  opacity: 1;
}

/* CHECK LIST */
.faq-list-check {
  list-style: none;
  margin-bottom: 24px;
}

.faq-note {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #1B1810;
  margin-top: 14px;
}

.undergraduate-registration-form {
  padding-top: 39px;
  padding-bottom: 31px;
}

@media (min-width: 992px) {
  .undergraduate-registration-form {
    /* padding-top: 85px; */
    background: #fff;
    padding-bottom: 85px;
  }
}

.undergraduate-registration-form.ugrip-reg-form {
  padding-top: 40px;
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .undergraduate-registration-form.ugrip-reg-form {
    padding-top: 100px;
    padding-bottom: 10px;
  }
}

.undergraduate-reg-form--wrapper {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 992px) {
  .undergraduate-reg-form--wrapper {
    flex-direction: row;
  }
}

.undergraduate-reg-form--wrapper {
  gap: 35.54px;
}

@media (min-width: 992px) {
  .undergraduate-reg-form--wrapper .reg-form-area--left {
    max-width: 420px;
  }
}

.undergraduate-reg-form--wrapper .reg-form-area--left {
  width: 100%;
}

@media (min-width: 992px) {
  .undergraduate-reg-form--wrapper .reg-form-area--right {
    max-width: calc(100% - 420px);
  }
}

.undergraduate-reg-form--wrapper .reg-form-area--right {
  width: 100%;
}

/* =========================
   FORM
========================= */
.reg-undergraduate-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.form-row {
  display: flex;
  gap: 15px;
}

@media (max-width: 767px) {
  .form-row {
    flex-direction: column;
  }
}

p.info-text {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (min-width: 992px) {
  p.info-text {
    font-size: 18px;
    padding-right: 24px;
  }
}

p.info-text {
  line-height: 132%;
  letter-spacing: -3%;
  color: #1A8039;
}

.form-field {
  position: relative;
  flex: 1;
}

.form-field input,
.form-field select {
  width: 100%;
  height: 56px;
  padding: 0 20px;
  border-radius: 12px;
  border: 1px solid #C7D5E1;
  font-size: 16px;
  color: #44525E;
  background: #fff;
}

.form-field input::placeholder,
.form-field select::placeholder {
  color: #6C757D;
}

.form-field select {
  appearance: none;
}

.form-field.has-icon .field-icon-left {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.form-field.has-icon .field-icon-right {
  position: absolute;
  left: 16px;
  top: 50%;
  width: 24px;
  height: 24px;
}

@media (min-width: 992px) {
  .form-field.has-icon .field-icon-right {
    width: 34px;
    height: 34px;
  }
}

.form-field.has-icon .field-icon-right {
  padding: 3px;
  background: #154677;
  border-radius: 100px;
  transform: translateY(-50%);
  pointer-events: none;
}

.form-field.has-icon input {
  padding-right: 52px;
}

/* =========================
   CONSENT
========================= */
.form-consent {
  margin-top: 16px;
}

.form-consent__title {
  font-weight: 700;
  margin-bottom: 12px;
  color: #1B1810;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
}

.form-consent__options {
  display: flex;
  gap: 40px;
}

.radio {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-weight: 500;
}

.radio input {
  display: none;
}

.radio__circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #154677;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
}

input:checked+.radio__circle::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #154677;
  border-radius: 50%;
  position: absolute;
  inset: 0;
  margin: auto;
}

/* =========================
   CTA BUTTON
========================= */
.cta-btn {
  margin-top: 16px;
  padding: 16px 36px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  max-width: 220px;
  width: 100%;
  height: 56px;
  font-weight: 700;
}

.reg-undergraduate-form {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.reg-undergraduate-form input,
.reg-undergraduate-form select,
.reg-undergraduate-form textarea {
  height: 54px;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
  padding: 14px 27px 15px 18px;
  font-size: 14px;
  color: #1b1810;
}

.reg-undergraduate-form textarea {
  height: 72px;
  padding: 10px 14px;
  resize: none;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .reg-undergraduate-form textarea {
    margin-top: 15px;
  }
}

.row.two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.select {
  position: relative;
}

.select select {
  appearance: none;
  padding-left: 44px;
}

.select .arrow {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

@media (min-width: 992px) {
  .select .arrow {
    width: 34px;
    height: 34px;
  }
}

.select .arrow {
  border-radius: 50%;
  background: #154677;
  display: flex;
  align-items: center;
  justify-content: center;
}

.select .arrow::after {
  content: "⌄";
  color: #fff;
  font-size: 12px;
}

.note {
  font-size: 12px;
  color: #1b7f3a;
  margin-top: -2px;
}

.uploads {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.recomandation-text {
  margin-top: 17px;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

@media (min-width: 992px) {
  .recomandation-text {
    margin-top: 47px;
    font-size: 20px;
  }
}

.recomandation-text {
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
}

.upload {
  display: flex;
  align-items: center;
  gap: 10px;
}

.upload button {
  background: #154677;
  color: #fff;
  border: none;
  max-width: 175px;
  width: 100%;
  height: 45px;
  justify-content: space-between;
  border-radius: 999px;
  padding: 6px 19px 7px 15px;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  gap: 15px;
}

.upload button span {
  width: 32px;
  height: 32px;
  background: #E5C687;
  border-radius: 50%;
  position: relative;
}

.upload p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

@media (min-width: 992px) {
  .upload p {
    font-size: 20px;
  }
}

.upload p {
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
}

.upload p small {
  font-size: 11px;
  color: #555;
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (min-width: 992px) {
  .upload p small {
    font-size: 18px;
  }
}

.upload p small {
  line-height: 132%;
  letter-spacing: -3%;
  color: #1A8039;
}

.smmall--hint-text small {
  font-size: 11px;
  color: #555;
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (min-width: 992px) {
  .smmall--hint-text small {
    font-size: 18px;
  }
}

.smmall--hint-text small {
  line-height: 132%;
  letter-spacing: -3%;
  color: #1A8039;
}

.latest-university-news-section {
  padding-top: 47px;
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .latest-university-news-section {
    padding-top: 100px;
    background: #fff;
    padding-bottom: 55px;
  }
}

.latest-university-news-section .section-title-box {
  margin-bottom: 42px;
}

@media (min-width: 992px) {
  .latest-university-news-section .section-title-box {
    /* margin-bottom: 57px; */
  }
}

.latest-university-news-section .latest-university-news--wrapper---box {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news--wrapper---box {
    flex-direction: column;
  }
}

.latest-university-news-section .latest-university-news--wrapper---box .animated-marquee-line .marquee {
  padding-top: 40px;
  padding-bottom: 40px;
}

.latest-university-news-section .latest-university-news--wrapper---box .animated-marquee-line .marquee-track {
  gap: 11px;
}

@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news--wrapper---box .animated-marquee-line .marquee-track {
    gap: 20px;
  }
}

.latest-university-news-section .latest-university-news--wrapper---box .animated-marquee-line .marquee-inner {
  gap: 11px;
}

@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news--wrapper---box .animated-marquee-line .marquee-inner {
    gap: 20px;
  }
}

.latest-university-news-section .latest-university-news--wrapper---box .animated-marquee-line .marquee-inner .marquee-text {
  height: 45;
  border-radius: 30px;
  padding: 11px 9px;
}

@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news--wrapper---box .animated-marquee-line .marquee-inner .marquee-text {
    padding: 11px 19px;
  }
}

.latest-university-news-section .latest-university-news--wrapper---box .animated-marquee-line .marquee-inner .marquee-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 132%;
  letter-spacing: -3%;
  text-align: center;
  background: #E5C687;
  color: #154677;
  border: none !important;
}

.latest-university-news-section .latest-university-news--wrapper---box .animated-marquee-line .marquee-inner .marquee-text:hover {
  background: #fff;
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item {
  position: relative;
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-image {
  width: 100%;
  height: 221px;
}

@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-image {
    height: 379px;
  }
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont {
  position: relative;
  padding: 20px 21px 20px 6px;
}

@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont {
    padding: 36px 40px 35px 43px;
  }
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont {
  background: #fff;
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .date-title {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
}

@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .date-title {
    font-size: 18px;
  }
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .date-title {
  line-height: 132%;
  letter-spacing: -3%;
  color: #E5C687;
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .date-title {
    margin-bottom: 10px;
  }
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .news-card-title-box {
  display: flex;
  gap: 5px;
  align-items: flex-start;
  justify-content: space-between;
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .news-card-title-box h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .news-card-title-box h3 {
    font-size: 36px;
  }
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .news-card-title-box h3 {
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .news-card-title-box .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  margin-top: 26px;
  display: block;
}

@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .news-card-title-box .desc-text {
    margin-top: 18px;
  }
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .news-card-title-box .desc-text {
  color: #1B1810;
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .news-card-title-box .arrow-right-angle-link {
  border-radius: 100%;
  min-width: 38px;
  height: 38px;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E5C687;
}

@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .news-card-title-box .arrow-right-angle-link {
    position: absolute;
    top: -40px;
    left: 40px;
    min-width: 72px;
    height: 72px;
    padding: 5px;
  }
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont .news-card-title-box .arrow-right-angle-link img {
  width: 100%;
  height: 100%;
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item:hover .news-card-cont {
  background: #154677;
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item:hover .news-card-cont .date-title {
  color: #fff;
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item:hover .news-card-cont h3 {
  color: #fff;
}

.latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item:hover .news-card-cont .desc-text {
  color: #fff;
}

.latest-university-news-cards---item:nth-child(1n)::after {
  content: "";
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  width: 100vw;
  max-width: 100%;
  height: 1px;
  background: #ddd;
  bottom: -24px;
}

.latest-university-news-cards---item:nth-child(2n)::after {
  content: "";
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  width: 100vw;
  max-width: 100%;
  height: 1px;
  background: #ddd;
  bottom: -24px;
}

.news-search-bard-area {
  display: flex;
  gap: 0;
  flex-direction: column;
}

@media (min-width: 992px) {
  .news-search-bard-area {
    flex-direction: row;
    height: 112px;
  }
}

.news-search-bard-area .search-by-keyword {
  width: 100%;
  position: relative;
}

@media (min-width: 992px) {
  .news-search-bard-area .search-by-keyword {
    max-width: 50%;
    /* border-right: 1px solid #154677; */
  }
}

.news-search-bard-area .search-by-keyword input {
  border-top: 1px solid #154677;
  border-bottom: 1px solid #154677;
  padding: 18.5px 12px 18.5px 50px;
}

@media (min-width: 992px) {
  .news-search-bard-area .search-by-keyword input {
    padding: 32px 78px 30px 80px;
  }
}

.news-search-bard-area .search-by-keyword input {
  width: 100%;
  outline: 0;
  box-shadow: 0;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  white-space: nowrap;
  font-size: 24px;
}

@media (min-width: 992px) {
  .news-search-bard-area .search-by-keyword input {
    font-size: 40px;
  }
}

.news-search-bard-area .search-by-keyword input {
  line-height: 120%;
  letter-spacing: -3%;
  color: #154677;
}

.news-search-bard-area .search-by-keyword input:focus {
  outline: 0;
  box-shadow: 0;
}

.news-search-bard-area .search-by-keyword input::placeholder {
  color: #154677;
}

.news-search-bard-area .search-by-keyword img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  margin-top: auto;
  margin-bottom: auto;
  width: 34px;
  height: 34px;
}

@media (min-width: 992px) {
  .news-search-bard-area .search-by-keyword img {
    left: 30px;
    width: 50px;
    height: 50px;
  }
}

.news-search-bard-area .category-by-filter {
  position: relative;
  border-top: 1px solid #154677;
  border-bottom: 1px solid #154677;
  padding: 18.5px 12px 18.5px 50px;
}

@media (min-width: 992px) {
  .news-search-bard-area .category-by-filter {
    padding: 32px 78px 32px 80px;
  }
}

.news-search-bard-area .category-by-filter {
  width: 100%;
}

.news-search-bard-area .category-by-filter p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .news-search-bard-area .category-by-filter p {
    font-size: 40px;
  }
}

.news-search-bard-area .category-by-filter p {
  white-space: nowrap;
  text-align: right;
  line-height: 120%;
  letter-spacing: -3%;
  color: #154677;
}

.news-search-bard-area .category-by-filter span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  margin-top: auto;
  margin-bottom: auto;
  width: 34px;
  height: 34px;
}

@media (min-width: 992px) {
  .news-search-bard-area .category-by-filter span {
    width: 48px;
    height: 48px;
    left: 30px;
  }
}

.news-search-bard-area .category-by-filter span {
  border-radius: 100%;
  background: #154677;
  display: block;
  padding: 3px;
  cursor: pointer;
}

.news-search-bard-area .category-by-filter img {
  width: 100%;
  height: 100%;
}

.latest-university-news-paginetion {
  margin-top: 39px;
  gap: 20px;
}

@media (min-width: 992px) {
  .latest-university-news-paginetion {
    margin-top: 55px;
    gap: 29.25px;
  }
}

.latest-university-news-paginetion {
  display: flex;
  align-items: center;
  justify-content: center;
}

.latest-university-news-paginetion .pegination-lists {
  display: flex;
  align-items: center;
  gap: 8px;
}

.latest-university-news-paginetion .pegination-lists .pegionetion-items button {
  width: 29.75px;
  height: 29.75px;
}

@media (min-width: 992px) {
  .latest-university-news-paginetion .pegination-lists .pegionetion-items button {
    width: 41.75px;
    height: 41.75px;
  }
}

.latest-university-news-paginetion .pegination-lists .pegionetion-items button {
  border-radius: 100px;
  background: #E5C687;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Outfit;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 10px;
  letter-spacing: 0%;
  color: #154677;
}

.latest-university-news-paginetion .pegination-lists .pegionetion-items button:hover,
.latest-university-news-paginetion .pegination-lists .pegionetion-items button.active-peginate {
  background: #154677;
  color: #E5C687;
}

.latest-university-news-paginetion .peginate-navigetion {
  min-width: 29.75px;
  min-height: 29.75px;
  padding: 4px;
}

@media (min-width: 992px) {
  .latest-university-news-paginetion .peginate-navigetion {
    min-width: 41.75px;
    min-height: 41.75px;
    padding: 8px;
  }
}

.latest-university-news-paginetion .peginate-navigetion {
  border-radius: 100px;
  background: #E5C687;
  display: flex;
  align-items: center;
  justify-content: center;
}

.startup-innovation-section {
  padding-top: 47px;
}

@media (min-width: 992px) {
  .startup-innovation-section {
    padding-top: 100px;
  }
}

.startup-innovation-section .startup-innovation--wrapper-main {
  background: #154677;
}

.startup-innovation-section .startup-innovation--wrapper {
  padding: 0px 25px 25px 25px;
  display: flex;
  gap: 19px;
  align-items: flex-end;
  flex-direction: column;
}

@media (min-width: 992px) {
  .startup-innovation-section .startup-innovation--wrapper {
    flex-direction: row;
    gap: 71px;
    padding: 0px 52px 55px 82px;
  }
}

.startup-innovation-section .startup-innovation--wrapper .startup-innovation-left-cont {
  width: 100%;
  height: 143px;
  max-width: 100%;
}

@media (min-width: 992px) {
  .startup-innovation-section .startup-innovation--wrapper .startup-innovation-left-cont {
    max-width: 657px;
    height: 403px;
  }
}

.startup-innovation-section .startup-innovation--wrapper .startup-innovation-left-cont img {
  width: 100%;
  height: 183px;
  margin-top: -40px;
}

@media (min-width: 992px) {
  .startup-innovation-section .startup-innovation--wrapper .startup-innovation-left-cont img {
    height: 478px;
    margin-top: -75px;
  }
}

.startup-innovation-section .startup-innovation--wrapper .startup-innovation-left-cont img {
  object-fit: cover;
}

.startup-innovation-section .startup-innovation--wrapper .startup-innovation-right-cont {
  max-width: 100%;
}

@media (min-width: 992px) {
  .startup-innovation-section .startup-innovation--wrapper .startup-innovation-right-cont {
    padding-top: 60px;
    width: calc(100% - 657px);
  }
}

.startup-innovation-section .startup-innovation--wrapper .startup-innovation-right-cont h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .startup-innovation-section .startup-innovation--wrapper .startup-innovation-right-cont h3 {
    font-size: 50px;
  }
}

.startup-innovation-section .startup-innovation--wrapper .startup-innovation-right-cont h3 {
  line-height: 120%;
  letter-spacing: -3%;
  color: #E5C687;
}

.startup-innovation-section .startup-innovation--wrapper .startup-innovation-right-cont .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #fff;
  max-width: 578px;
  width: 100%;
}

.graundbreak-work-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .graundbreak-work-section {
    padding-top: 108px;
    padding-bottom: 71px;
  }
}

.graundbreak-work-section .graundbreak-work-innovation-videos {
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
  height: 158px;
}

@media (min-width: 992px) {
  .graundbreak-work-section .graundbreak-work-innovation-videos {
    height: 650px;
  }
}

.graundbreak-work-section .graundbreak-work-innovation-videos {
  position: relative;
}

.graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  overflow: hidden;
}

.graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box .video-cover-flow-button {
  height: 48px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ffffff;
  border-radius: 99999px;
  position: absolute;
  inset: 0;
  margin: auto;
  cursor: pointer;
  z-index: 2;
  animation: outerPulse 3.6s ease-in-out infinite;
}

@media (min-width: 992px) {
  .graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box .video-cover-flow-button {
    width: 200px;
    height: 200px;
  }
}

.graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box .video-cover-flow-button {
  /* 🌊 Ripple */
}

.graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box .video-cover-flow-button::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  animation: ripple 2.8s ease-out infinite;
  pointer-events: none;
}

.graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box .video-cover-flow-button .video-play-btn {
  width: 25px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  border-radius: 9999px;
  position: relative;
  z-index: 1;
  animation: innerPulse 2.4s ease-in-out infinite;
}

@media (min-width: 992px) {
  .graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box .video-cover-flow-button .video-play-btn {
    width: 104px;
    height: 102px;
  }
}

.graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box .video-cover-flow-button .video-play-btn img {
  width: 6px;
  height: 5px;
  object-fit: contain;
}

@media (min-width: 992px) {
  .graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box .video-cover-flow-button .video-play-btn img {
    width: 24px;
    height: 22px;
  }
}

.graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box .video-cover-flow-button:hover {
  animation-duration: 2.4s;
}

.graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box .video-cover-flow-button:hover::after {
  animation-duration: 1.8s;
}

.graundbreak-work-section .graundbreak-work-innovation-videos .videos-cover-image-box .video-cover-flow-button:hover .video-play-btn {
  animation-duration: 1.6s;
}

.graundbreak-work-section .section-title-right-cont p {
  max-width: 100%;
  width: 100%;
}

.graundbreak-work-section.version--two {
  padding-top: 61px;
  padding-bottom: 0;
}

@media (min-width: 992px) {
  .graundbreak-work-section.version--two {
    padding-top: 100px;
  }
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box {
  display: flex;
  column-gap: 10px;
  row-gap: 10px;
  flex-direction: column;
}

@media (min-width: 992px) {
  .graundbreak-work-section.version--two .ugrip-innovate-grid-box {
    flex-direction: row;
    column-gap: 29px;
    row-gap: 24px;
  }
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item-box {
  width: 100%;
  flex-direction: column;
  display: flex;
  column-gap: 10px;
  row-gap: 10px;
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item-box .grid-item-group {
  display: flex;
  column-gap: 10px;
  row-gap: 10px;
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item-box .grid-item-group:nth-child(2) {
  flex-direction: column;
}

@media (min-width: 992px) {
  .graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item-box .grid-item-group:nth-child(2) {
    flex-direction: row;
  }
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item:not(:first-child) {
  height: 208px;
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

@media (min-width: 992px) {
  .graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item h3 {
    font-size: 36px;
  }
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item h3 {
  line-height: 132%;
  letter-spacing: -3%;
  text-align: center;
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item.one {
  background: rgba(229, 198, 135, 0.2509803922);
  max-width: 100%;
}

@media (min-width: 992px) {
  .graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item.one {
    max-width: 313px;
  }
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item.one {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 26px;
  color: #154677;
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item.two {
  background: #E5C687;
  max-width: 378px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 26px;
  color: #154677;
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item.three {
  width: 100%;
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item.three img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item.four {
  background: #154677;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 26px;
  color: #E5C687;
}

.graundbreak-work-section.version--two .ugrip-innovate-grid-box .grid-item.five {
  background: rgba(21, 70, 119, 0.2509803922);
  max-width: 402px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 26px;
  color: #154677;
}

.cta-event-section.innovation-event-cta-sec .cta-event-wrapper {
  padding-bottom: 30px;
}

@media (min-width: 992px) {
  .cta-event-section.innovation-event-cta-sec .cta-event-wrapper {
    margin-bottom: 77px;
    border-bottom: 0.6px solid #1B1810;
  }
}

.cta-event-section.innovation-event-cta-sec .cta-event-wrapper .cta-event-cont-left {
  height: 244px;
}

@media (min-width: 992px) {
  .cta-event-section.innovation-event-cta-sec .cta-event-wrapper .cta-event-cont-left {
    height: 440px;
  }
}

.project-research-section {
  padding-top: 46px;
}

@media (min-width: 992px) {
  .project-research-section {
    /* padding-top: 111px; */
  }
}

.project-research-section .section-title-right-cont p {
  max-width: 100%;
}

.project-research-section .section-title-right-cont .list-items-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-direction: column;
}

@media (min-width: 992px) {
  .project-research-section .section-title-right-cont .list-items-box {
    flex-direction: row;
    gap: 32px;
  }
}

.project-research-section .section-title-right-cont .list-items-box .lists-items:nth-child(2) {
  max-width: 396px;
  width: 100%;
}

.project-research-section .section-title-right-cont .list-items-box .lists-items {
  display: flex;
  gap: 20px;
}

@media (min-width: 992px) {
  .project-research-section .section-title-right-cont .list-items-box .lists-items {
    gap: 27px;
  }
}

.project-research-section .section-title-right-cont .list-items-box .lists-items {
  flex-direction: column;
}

.project-research-section .section-title-right-cont .list-items-box .lists-items li {
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 155%;
}

@media (min-width: 992px) {
  .project-research-section .section-title-right-cont .list-items-box .lists-items li {
    font-size: 18px;
    line-height: 24px;
    white-space: nowrap;
  }
}

.project-research-section .section-title-right-cont .list-items-box .lists-items li {
  letter-spacing: 0%;
  display: flex;
  gap: 19px;
  align-items: center;
}

.project-research-section .section-title-right-cont .list-items-box .lists-items li .check-mark-icon {
  min-width: 18px;
  max-width: 18px;
  width: 18px;
  height: 18px;
  border-radius: 50px;
}

.project-research-section .degree-programs-wrapper {
  background: rgba(229, 198, 135, 0.2509803922);
  padding-top: 38px;
  padding-bottom: 52px;
}

@media (min-width: 992px) {
  .project-research-section .degree-programs-wrapper {
    padding-top: 60px;
    padding-bottom: 103px;
  }
}

.ugrip-requirment-section {
  padding-top: 47px;
}

@media (min-width: 992px) {
  .ugrip-requirment-section {
    padding-top: 100px;
  }
}

.ugrip-requirment-section .section-title-right-cont h3 {
  font-size: 18px;
}

@media (min-width: 992px) {
  .ugrip-requirment-section .section-title-right-cont h3 {
    font-size: 20px;
  }
}

.ugrip-requirment-section .section-title-right-cont .desc-text {
  margin-top: 16px;
}

@media (min-width: 992px) {
  .ugrip-requirment-section .section-title-right-cont .desc-text {
    margin-top: 22px;
  }
}

.ugrip-requirment-section .section-title-right-cont .list-items-box {
  max-width: 762px;
  width: 100%;
}

.ugrip-requirment-section .section-title-right-cont .list-items-box .lists-items {
  display: flex;
  gap: 20px;
}

@media (min-width: 992px) {
  .ugrip-requirment-section .section-title-right-cont .list-items-box .lists-items {
    gap: 14px;
  }
}

.ugrip-requirment-section .section-title-right-cont .list-items-box .lists-items {
  flex-direction: column;
}

.ugrip-requirment-section .section-title-right-cont .list-items-box .lists-items li {
  display: flex;
  gap: 16px;
  align-items: center;
}

.ugrip-requirment-section .section-title-right-cont .list-items-box .lists-items li .check-mark-icon {
  min-width: 18px;
  /* height: 18px; */
  border-radius: 50px;
}

.degreeProgramsSwiperV2 .swiper-slide-active {
  max-width: 267px;
}

@media (min-width: 992px) {
  .degreeProgramsSwiperV2 .swiper-slide-active {
    max-width: 1147px;
  }
}

.degreeProgramsSwiperV2 .swiper-slide-active .meet-the-intern--slider-item {
  background: #154677 !important;
}

.degreeProgramsSwiperV2 .swiper-slide-active .meet-the-intern--slider-item .card-cont-box {
  display: block;
}

.degreeProgramsSwiperV2 .swiper-slide-active .meet-the-intern--slider-item .card-cont-box h3 {
  color: #E5C687 !important;
}

.degreeProgramsSwiperV2 .swiper-slide-active .meet-the-intern--slider-item .card-cont-box .sub-text {
  color: #E5C687 !important;
}

.degreeProgramsSwiperV2 .swiper-slide-active .meet-the-intern--slider-item .card-cont-box .desc-text {
  color: #fff !important;
}

/* .meet-the-intern-section {
  padding-top: 50px;
} */
@media (min-width: 992px) {
  .meet-the-intern-section {
    /* padding-top: 100px; */
  }
}

.meet-the-intern-section .section-title-right-cont p {
  max-width: 100%;
  width: 100%;
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item {
  padding: 0px 19px 26px 14px;
  gap: 14px;
  background: var(--25-sand, rgba(229, 198, 135, 0.2509803922));
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item {
    padding: 21px 41px 24px;
    gap: 40px;
    flex-direction: row;
  }
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item {
  align-items: flex-end;
  width: 100%;
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-img-box {
  height: 114px;
}

@media (min-width: 992px) {
  .meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-img-box {
    height: 285px;
  }
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-img-box {
  max-width: 510px;
  width: 100%;
  position: relative;
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-img-box img {
  width: 100%;
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-img-box img {
  object-fit: cover;
  object-position: top;
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-img-box .video-btn {
  position: absolute;
  bottom: 15px;
  left: 14px;
  height: 59px;
  width: 57px;
  object-fit: contain;
}

@media (min-width: 992px) {
  .meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-img-box .video-btn {
    bottom: 30px;
    left: 30px;
    height: 122px;
    width: 126px;
  }
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-cont-box h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 500;
  font-size: 20px;
}

@media (min-width: 992px) {
  .meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-cont-box h3 {
    font-size: 36px;
  }
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-cont-box h3 {
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-cont-box .sub-text {
  margin-top: 10px;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 14px;
}

@media (min-width: 992px) {
  .meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-cont-box .sub-text {
    font-size: 20px;
  }
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-cont-box .sub-text {
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .card-cont-box .desc-text {
  font-family: "Manrope";
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #1B1810;
  margin-top: 24px;
  max-width: 649px;
  width: 100%;
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .active-internn--slider-item .card-cont-box h3 {
  color: #E5C687;
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .active-internn--slider-item .card-cont-box .sub-text {
  color: #E5C687;
}

.meet-the-intern-section .meet-the-intern--slider-wrapper .meet-the-intern-slides--cont .meet-the-intern--slider-item .active-internn--slider-item .card-cont-box .desc-text {
  color: #fff;
}

.slider-nevigetion-pegination {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  right: 24px;
}

@media (min-width: 992px) {
  .slider-nevigetion-pegination {
    gap: 16px;
    right: calc(100% - 864px);
  }
}

.slider-nevigetion-pegination .paginetion-item {
  width: 10px;
  height: 10px;
}

.slider-nevigetion-pegination .paginetion-item include m.respond-md {
  width: 13px;
  height: 13px;
}

.slider-nevigetion-pegination .paginetion-item {
  cursor: pointer;
  border-radius: 35px;
  background: #154677;
}

.slider-nevigetion-pegination .paginetion-item:hover,
.slider-nevigetion-pegination .paginetion-item.active {
  background: #1A8039;
}

.admin-cycle-dates-section {
  padding-top: 59px;
}

@media (min-width: 992px) {
  .admin-cycle-dates-section {
    padding-top: 100px;
  }
}

.admin-cycle-dates-section .section-title-right-cont p {
  margin-top: 20px;
}

.admin-cycle-dates-section .admin-cycle-dates-wrapper {
  overflow: hidden;
}

@media (min-width: 992px) {
  .admin-cycle-dates-section .admin-cycle-dates-wrapper {
    padding-bottom: 94px;
  }
}

.admin-cycle-dates-section .admin-cycle-dates-wrapper .admin-cycles-dates-wrapper-cont--area {
  background: rgba(229, 198, 135, 0.2509803922);
  padding: 30px 30px 50px 27px;
}

.admin-cycle-dates-section .admin-cycle-dates-wrapper .admin-cycles-dates-wrapper-cont--area .custom-container {
  padding: 0;
}

@media (min-width: 992px) {
  .admin-cycle-dates-section .admin-cycle-dates-wrapper .admin-cycles-dates-wrapper-cont--area {
    padding-top: 79px;
    padding-bottom: 49px;
    padding-right: 54px;
    padding-left: 54px;
  }
}

.admission-timeline {
  display: none;
}

@media (min-width: 992px) {
  .admission-timeline {
    display: block;
  }
}

.admission-timeline .swiper.admissionSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
  overflow: visible !important;
}

.admission-timeline .swiper-slide.swiper-slide-prev,
.admission-timeline .swiper-slide.swiper-slide-next {
  opacity: 0;
}

.admission-timeline .timeline-bar {
  position: relative;
  margin-bottom: 50px;
}

.admission-timeline .timeline-bar .timeline-track {
  height: 2px;
  background: #154677;
}

.admission-timeline .timeline-bar .timeline-progress {
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 0%;
  background: #1A8039;
  transition: width 0.6s ease;
}

.admission-timeline .timeline-bar .timeline-steps {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 992px) {
  .admission-timeline .timeline-bar .timeline-steps {
    justify-content: space-between;
    flex-direction: row;
  }
}

.admission-timeline .timeline-bar .timeline-steps button {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background: none;
  border: none;
  cursor: pointer;
  text-align: center;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
}

@media (min-width: 992px) {
  .admission-timeline .timeline-bar .timeline-steps button {
    font-size: 20px;
    line-height: 132%;
    align-items: center;
  }
}

.admission-timeline .timeline-bar .timeline-steps button {
  transition: all 350ms ease;
  letter-spacing: -3%;
  text-align: center;
}

.admission-timeline .timeline-bar .timeline-steps button span {
  display: block;
  width: 24px;
  height: 23px;
  border-radius: 50%;
  background: #154677;
  position: relative;
  top: -13px;
}

.admission-timeline .timeline-bar .timeline-steps button.active {
  color: #2d7d46;
  font-size: 40px;
  line-height: 1;
}

.admission-timeline .timeline-bar .timeline-steps button.active span {
  background: #2d7d46;
  top: -13px;
}

.admission-timeline .timeline-bar .timeline-steps button.active p {
  display: none;
}

@media (min-width: 992px) {
  .admission-timeline .timeline-bar .timeline-steps button.active p {
    display: inline-block;
  }
}

.admission-timeline .slide-inner {
  display: flex;
  gap: 40px;
  flex-direction: column-reverse;
}

@media (min-width: 992px) {
  .admission-timeline .slide-inner {
    gap: 80px;
    align-items: center;
    flex-direction: row;
  }
}

.admission-timeline .slide-text {
  width: 55%;
}

.admission-timeline .slide-text h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 7px;
  color: #1A8039;
}

@media (min-width: 992px) {
  .admission-timeline .slide-text h3 {
    font-size: 60px;
    margin-bottom: 18px;
    color: #154677;
  }
}

.admission-timeline .slide-text h3 {
  line-height: 120%;
  letter-spacing: -3%;
}

.admission-timeline .slide-text p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #1A8039;
}

@media (min-width: 992px) {
  .admission-timeline .slide-text p {
    font-size: 40px;
    color: #154677;
  }
}

.admission-timeline .slide-text p {
  line-height: 120%;
  letter-spacing: -3%;
}

.slide-image {
  border-radius: 24px;
  width: 100%;
  max-width: 100%;
  height: 169px;
}

@media (min-width: 992px) {
  .slide-image {
    max-width: 511px;
    height: 381px;
  }
}

.slide-image img {
  width: 100%;
  height: 100%;
}

@media (min-width: 992px) {
  .slide-image img {
    height: 475px;
  }
}

.slide-image img {
  object-fit: cover;
  will-change: transform;
  margin-bottom: -94px;
}

.slide-text {
  will-change: transform;
}

.timeline-progress {
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* MOBILE ONLY */
.admission-timeline-mobile {
  display: block;
  position: relative;
}

@media (min-width: 992px) {
  .admission-timeline-mobile {
    display: none;
  }
}

/* vertical rail */
.timeline-rail {
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: rgba(0, 48, 87, 0.15);
}

.timeline-rail-progress {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 0%;
  background: #2d7d46;
  transition: height 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.timeline-mobile-steps {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.timeline-mobile-step {
  position: relative;
  z-index: 9;
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  text-align: right;
  cursor: pointer;
}

.timeline-mobile-step .dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #003057;
  margin-top: 6px;
  transition: all 0.35s ease;
  flex-shrink: 0;
}

.timeline-mobile-step .content {
  overflow: hidden;
  max-height: 38px;
  transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.timeline-mobile-step h3 {
  font-size: 24px;
  color: #003057;
}

.timeline-mobile-step .date {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #1A8039;
}

@media (min-width: 992px) {
  .timeline-mobile-step .date {
    font-size: 40px;
    color: #154677;
  }
}

.timeline-mobile-step .date {
  line-height: 120%;
  letter-spacing: -3%;
  margin-bottom: 40px;
}

.timeline-mobile-step .image {
  border-radius: 16px;
  overflow: hidden;
  max-width: 254px;
  width: 100%;
  height: 169px;
}

.timeline-mobile-step .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.timeline-mobile-step.active .dot {
  background: #2d7d46;
  transform: scale(1.35);
}

.timeline-mobile-step.active .content {
  max-height: 500px;
}

.timeline-mobile-step.active h3 {
  color: #2d7d46;
  font-size: 32px;
}

.info-about-vice-president {
  background: #154677;
}

.info-about-vice-president .info-about-vice-president--wrapper {
  padding-bottom: 30px;
}

@media (min-width: 992px) {
  .info-about-vice-president .info-about-vice-president--wrapper {
    padding-bottom: 50px;
  }
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont {
  display: flex;
  align-items: flex-end;
  gap: 92px;
  flex-direction: column;
}

@media (min-width: 992px) {
  .info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont {
    gap: 71px;
    flex-direction: row;
  }
}

/* .info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont {
  justify-content: space-between;
} */
.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .left-cont .img-cont-box {
  max-width: 657px;
  width: 100%;
  height: 231px;
}

@media (min-width: 992px) {
  .info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .left-cont .img-cont-box {
    height: 571px;
  }
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .left-cont .img-cont-box {
  position: relative;
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .left-cont .img-cont-box img {
  width: 100%;
  height: 231px;
}

@media (min-width: 992px) {
  .info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .left-cont .img-cont-box img {
    height: 571px;
    margin-top: -75px;
  }
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .left-cont .img-cont-box img {
  margin-top: -88px;
  object-fit: cover;
  object-position: top center;
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .left-cont .about-preesident {
  margin-top: 17px;
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .left-cont .about-preesident .name {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

@media (min-width: 992px) {
  .info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .left-cont .about-preesident .name {
    font-size: 20px;
  }
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .left-cont .about-preesident .name {
  line-height: 132%;
  letter-spacing: -3%;
  color: #E5C687;
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .left-cont .about-preesident .desc {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 155%;
  letter-spacing: 0;
  color: #fff;
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .right-cont {
  max-width: 560px;
}

@media (min-width: 992px) {
  .info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .right-cont {
    padding-bottom: 56px;
  }
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .right-cont h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .right-cont h2 {
    font-size: 44px;
  }
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .right-cont h2 {
  line-height: 120%;
  letter-spacing: -3%;
  color: #E5C687;
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--top-cont .right-cont p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #fff;
  margin-top: 18px;
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--bottom-cont {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

@media (min-width: 992px) {
  .info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--bottom-cont {
    flex-direction: row;
  }
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--bottom-cont {
  gap: 0;
  justify-content: space-between;
  margin-top: 44px;
}

@media (min-width: 992px) {
  .info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--bottom-cont {
    margin-top: 57px;
  }
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--bottom-cont .div {
  min-width: 211px;
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--bottom-cont .right-cont .hightlight-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--bottom-cont .right-cont .hightlight-text {
    font-size: 50px;
  }
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--bottom-cont .right-cont .hightlight-text {
  line-height: 120%;
  letter-spacing: -3%;
  color: #E5C687;
}

.info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--bottom-cont .right-cont .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #fff;
  margin-top: 26px;
}

@media (min-width: 992px) {
  .info-about-vice-president .info-about-vice-president--wrapper .info-about-vice-president--bottom-cont .right-cont .desc-text {
    margin-top: 37px;
  }
}

.feature-articles--section {
  padding-top: 69px;
}

@media (min-width: 992px) {
  .feature-articles--section {
    padding-top: 100px;
    background: #fff;
  }
}

.feature-articles--section .feature-articles--card-item {
  background: #fff;
}

.feature-articles--section .feature-articles--card-item>img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  object-position: top center;
}

@media (min-width: 992px) {
  .feature-articles--section .feature-articles--card-item>img {
    height: 258px;
  }
}

.feature-articles--section .feature-articles--card-item .feature-articles-cont {
  margin-top: 30px;
}

@media (min-width: 992px) {
  .feature-articles--section .feature-articles--card-item .feature-articles-cont {
    margin-top: 50px;
  }
}

.feature-articles--section .feature-articles--card-item .feature-articles-cont h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .feature-articles--section .feature-articles--card-item .feature-articles-cont h2 {
    font-size: 50px;
  }
}

.feature-articles--section .feature-articles--card-item .feature-articles-cont h2 {
  line-height: 120%;
  letter-spacing: -3%;
  color: #154677;
}

.feature-articles--section .feature-articles--card-item .feature-articles-cont p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #1B1810;
  margin-top: 17px;
}

@media (min-width: 992px) {
  .feature-articles--section .feature-articles--card-item .feature-articles-cont p {
    margin-top: 25px;
  }
}

.feature-articles--section .feature-articles--card-item .feature-articles-cont .cta--btn {
  margin-top: 27px;
}

.meet-out-team-sliders-section {
  padding-top: 45px;
}

@media (min-width: 992px) {
  .meet-out-team-sliders-section {
    padding-top: 118px;
    background: #fff;
  }
}

.meet-out-team-sliders-section .meet-our-team-slides--cont {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 992px) {
  .meet-out-team-sliders-section .meet-our-team-slides--cont {
    align-items: flex-end;
  }
}

.meet-out-team-sliders-section .meet-our-team-slides--cont {
  gap: 22px;
}

.meet-out-team-sliders-section .meet-our-team-slides--cont .meet-our-team-card-wrap .degree-programs .card-cont-box h3 {
  max-width: 330px;
  width: 100%;
  white-space: wrap;
}

.meet-out-team-sliders-section .meet-our-team-slides--cont .meet-our-team-card-wrap .degree-programs .card-cont-box p {
  margin-top: 11px;
}

@media (min-width: 992px) {
  .meet-out-team-sliders-section .meet-our-team-slides--cont .meet-our-team-card-wrap .degree-programs .card-cont-box p {
    margin-top: 25px;
  }
}

.meet-out-team-sliders-section .meet-our-team-slides--cont .meet-our-team-card-wrap .degree-programs .card-cont-box .cta--btn {
  margin-top: 19px;
}

@media (min-width: 992px) {
  .meet-out-team-sliders-section .meet-our-team-slides--cont .meet-our-team-card-wrap .degree-programs .card-cont-box .cta--btn {
    margin-top: 34px;
  }
}

.meetOurTeamSwiper {
  overflow: visible;
  padding: 0 0 0 120px;
}

.meetOurTeamSwiper .swiper-wrapper {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .meetOurTeamSwiper .swiper-slide {
    max-width: 779px;
    width: 100%;
  }
}

.meetOurTeamSwiper .swiper-slide {
  transition: all 0.6s ease, opacity 0.6s ease;
}

.meetOurTeamSwiper .card-cont-box {
  display: block;
}

.meetOurTeamSwiper .card-cont-box h3 {
  max-width: 695px;
  white-space: wrap;
}

.meetOurTeamSwiper .card-cont-box .cta--btn {
  margin-top: 23px;
}

.meetOurTeamSwiper .swiper-slide-active {
  max-width: 267px;
}

@media (min-width: 992px) {
  .meetOurTeamSwiper .swiper-slide-active {
    max-width: 779px;
  }
}

.meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap {
  transition: all 15ms ease 0s;
}

.meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap .degree-programs {
  background: #154677;
}

.meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap .degree-programs .card-img-box {
  transition: all 15ms ease 0s;
  width: 243px;
  height: 88px;
}

@media (min-width: 992px) {
  .meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap .degree-programs .card-img-box {
    width: 347px;
    height: 299px;
  }
}

.meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap .degree-programs .card-img-box img {
  transition: all 650ms ease 0s;
  margin-top: -46px;
  height: 134px;
}

@media (min-width: 992px) {
  .meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap .degree-programs .card-img-box img {
    margin-top: -50px;
    height: 351px;
  }
}

.meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap .degree-programs .card-img-box img {
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap .degree-programs .card-cont-box {
  display: block;
}

.meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap .degree-programs .card-cont-box h3 {
  color: #E5C687;
}

.meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap .degree-programs .card-cont-box .date-time-text {
  color: #E5C687;
}

.meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap .degree-programs .card-cont-box .desc-text {
  color: #fff;
}

.meetOurTeamSwiper .swiper-slide-active .meet-our-team-card-wrap .degree-programs .card-cont-box .cta--btn {
  margin-top: 23px;
}

.meetOurTeamSwiper .swiper-slide-active.slider-version--one .degree-programs-card-wrap .card-img-box {
  width: 243px;
  height: 88px;
}

@media (min-width: 992px) {
  .meetOurTeamSwiper .swiper-slide-active.slider-version--one .degree-programs-card-wrap .card-img-box {
    width: 347px;
    height: 461px;
  }
}

.meetOurTeamSwiper .swiper-slide-active.slider-version--one .degree-programs-card-wrap .card-img-box img {
  margin-top: -22px;
  height: 134px;
}

@media (min-width: 992px) {
  .meetOurTeamSwiper .swiper-slide-active.slider-version--one .degree-programs-card-wrap .card-img-box img {
    margin-top: -43px;
    height: 502px;
  }
}

.links-card-items--section {
  padding-top: 50px;
  padding-bottom: 30px;
}

@media (min-width: 992px) {
  .links-card-items--section {
    padding-top: 109px;
    padding-bottom: 73px;
    background: #fff;
  }
}

.links-card-items--section .links-card--item {
  position: relative;
  overflow: hidden;
}

.links-card-items--section .links-card--item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: linear-gradient(-0.5deg, rgba(0, 0, 0, 0.75) -9.66%, rgba(0, 0, 0, 0) 72.56%);
}

.links-card-items--section .links-card--item img {
  width: 100%;
  height: 326px;
}

@media (min-width: 992px) {
  .links-card-items--section .links-card--item img {
    height: 378px;
  }
}

.links-card-items--section .links-card--item img {
  object-fit: cover;
}

.links-card-items--section .links-card--item h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .links-card-items--section .links-card--item h2 {
    font-size: 36px;
    z-index: 9;
    white-space: wrap;
  }
}

.links-card-items--section .links-card--item h2 {
  line-height: 132%;
  letter-spacing: -3%;
  color: #fff;
  position: absolute;
  bottom: 30px;
  right: 25px;
}

.what-we-stand-for-section .section-title-right-cont .desc-text {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .what-we-stand-for-section .section-title-right-cont .desc-text {
    margin-top: 28px;
  }
}

.what-we-stand-for-section .section-title-right-cont .sub-desc-text {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .what-we-stand-for-section .section-title-right-cont .sub-desc-text {
    margin-top: 24px;
  }
}

.our-objectives-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "one one" "two three" "four four" "five six" "seven seven" "eight eight" "nine nine";
  column-gap: 10px;
  row-gap: 11px;
}

@media (min-width: 992px) {
  .our-objectives-wrapper {
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "one one eight eight eight" "two three seven five nine" "four four seven six nine";
    column-gap: 24px;
    row-gap: 19px;
  }
}

.our-objectives-wrapper .our-objectives {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.our-objectives-wrapper .our-objectives img {
  width: 100%;
  height: 178px;
}

@media (min-width: 992px) {
  .our-objectives-wrapper .our-objectives img {
    height: 208px;
  }
}

.our-objectives-wrapper .our-objectives img {
  object-fit: cover;
  object-position: top center;
}

.our-objectives-wrapper .our-objectives div {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .our-objectives-wrapper .our-objectives div {
    font-size: 65px;
  }
}

.our-objectives-wrapper .our-objectives div {
  line-height: 120%;
  letter-spacing: -3%;
  text-align: center;
  color: #154677;
}

.our-objectives-wrapper .our-objectives p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}

@media (min-width: 992px) {
  .our-objectives-wrapper .our-objectives p {
    line-height: 155%;
  }
}

.our-objectives-wrapper .our-objectives p {
  letter-spacing: 0%;
  text-align: center;
  color: #154677;
}

.our-objectives-wrapper .our-objectives.one {
  background: #154677;
  padding: 26px 23px;
}

.our-objectives-wrapper .our-objectives.one div {
  color: #E5C687;
}

.our-objectives-wrapper .our-objectives.one p {
  color: #E5C687;
  margin-top: 2px;
}

.our-objectives-wrapper .our-objectives.two {
  background: #E5C687;
  padding: 26px 23px;
}

.our-objectives-wrapper .our-objectives.two div {
  color: #154677;
}

.our-objectives-wrapper .our-objectives.two p {
  color: #154677;
  margin-top: 2px;
}

.our-objectives-wrapper .our-objectives.four {
  background: rgba(21, 70, 119, 0.2509803922);
  padding: 26px 23px;
}

.our-objectives-wrapper .our-objectives.four div {
  color: #154677;
}

.our-objectives-wrapper .our-objectives.four p {
  color: #154677;
  margin-top: 5px;
}

.our-objectives-wrapper .our-objectives.seven {
  background: rgba(229, 198, 135, 0.2509803922);
  padding: 26px 23px;
}

@media (min-width: 992px) {
  .our-objectives-wrapper .our-objectives.seven {
    height: 440px;
  }
}

.our-objectives-wrapper .our-objectives.seven div {
  color: #154677;
}

.our-objectives-wrapper .our-objectives.seven p {
  color: #154677;
  margin-top: 12px;
}

@media (min-width: 992px) {
  .our-objectives-wrapper .our-objectives.seven p {
    margin-top: 23px;
  }
}

.our-objectives-wrapper .our-objectives.nine {
  background: #E5C687;
  padding: 26px 23px;
}

.our-objectives-wrapper .our-objectives.nine div {
  color: #154677;
}

.our-objectives-wrapper .our-objectives.nine p {
  color: #154677;
  margin-top: 7px;
}

.one {
  grid-area: one;
}

.two {
  grid-area: two;
}

.three {
  grid-area: three;
}

.four {
  grid-area: four;
}

.five {
  grid-area: five;
}

.six {
  grid-area: six;
}

.seven {
  grid-area: seven;
}

.eight {
  grid-area: eight;
}

.nine {
  grid-area: nine;
}

.banner-section.admission-process .status-highlight-text {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #154677;
}

.banner-section.admission-process .status-highlight-text .cont-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.banner-section.admission-process .status-highlight-text .cont-box button {
  background-color: #E5C687;
  border-radius: 35px;
  padding: 1px 12px;
  height: 45px;
  display: none;
}

@media (min-width: 992px) {
  .banner-section.admission-process .status-highlight-text .cont-box button {
    display: inline-block;
  }
}

.banner-section.admission-process .status-highlight-text .cont-box button {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
}

.banner-section.admission-process .status-highlight-text .cont-box p {
  color: #fff;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 132%;
  letter-spacing: -3%;
}

.admission-process--section .section-title-right-cont p {
  max-width: 100%;
  margin-top: 29px;
}

.admission-process--section .section-title-right-cont h3 {
  font-size: 24px;
}

@media (min-width: 992px) {
  .admission-process--section .section-title-right-cont h3 {
    font-size: 36px;
  }
}

.admission-process--section .list-items-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-direction: column;
}

@media (min-width: 992px) {
  .admission-process--section .list-items-box {
    flex-direction: row;
    gap: 32px;
  }
}

.admission-process--section .list-items-box .lists-items:nth-child(2) {
  max-width: 396px;
  width: 100%;
}

.admission-process--section .list-items-box .lists-items {
  display: flex;
  gap: 20px;
}

@media (min-width: 992px) {
  .admission-process--section .list-items-box .lists-items {
    gap: 27px;
  }
}

.admission-process--section .list-items-box .lists-items {
  flex-direction: column;
}

.admission-process--section .list-items-box .lists-items li {
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 155%;
}

@media (min-width: 992px) {
  .admission-process--section .list-items-box .lists-items li {
    font-size: 18px;
    line-height: 24px;
  }
}

.admission-process--section .list-items-box .lists-items li {
  letter-spacing: 0%;
  display: flex;
  gap: 19px;
  align-items: center;
}

.admission-process--section .list-items-box .lists-items li .check-mark-icon {
  min-width: 18px;
  height: 18px;
  border-radius: 50px;
}

.faq-section.admission-process--faq {
  padding-top: 60px;
  padding-bottom: 45px;
}

@media (min-width: 992px) {
  .faq-section.admission-process--faq {
    padding-top: 120px;
    padding-bottom: 74px;
  }
}

.what-we-stand-for-section.admissionn-process-info-about-maai .section-title-right-cont h3 {
  font-size: 24px;
}

@media (min-width: 992px) {
  .what-we-stand-for-section.admissionn-process-info-about-maai .section-title-right-cont h3 {
    font-size: 36px;
  }
}

.what-we-stand-for-section.admissionn-process-info-about-maai .section-title-right-cont h3 {
  max-width: 100%;
}

.what-we-stand-for-section.admissionn-process-info-about-maai .section-title-right-cont p.sub-desc-text {
  max-width: 100%;
}

.what-we-stand-for-section.admissionn-process-info-about-maai .section-title-right-cont .desc-text {
  max-width: 100%;
}

.what-we-stand-for-section.admissionn-process-info-about-maai .list-items-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-direction: column;
}

@media (min-width: 992px) {
  .what-we-stand-for-section.admissionn-process-info-about-maai .list-items-box {
    flex-direction: row;
    gap: 32px;
  }
}

.what-we-stand-for-section.admissionn-process-info-about-maai .list-items-box .lists-items:nth-child(2) {
  max-width: 396px;
  width: 100%;
}

.what-we-stand-for-section.admissionn-process-info-about-maai .list-items-box .lists-items {
  display: flex;
  gap: 20px;
}

@media (min-width: 992px) {
  .what-we-stand-for-section.admissionn-process-info-about-maai .list-items-box .lists-items {
    gap: 27px;
  }
}

.what-we-stand-for-section.admissionn-process-info-about-maai .list-items-box .lists-items {
  flex-direction: column;
}

.what-we-stand-for-section.admissionn-process-info-about-maai .list-items-box .lists-items li {
  font-family: "Outfit", sans-serif;
  font-style: Medium;
  font-size: 16px;
  line-height: 155%;
}

@media (min-width: 992px) {
  .what-we-stand-for-section.admissionn-process-info-about-maai .list-items-box .lists-items li {
    font-size: 18px;
    line-height: 24px;
  }
}

.what-we-stand-for-section.admissionn-process-info-about-maai .list-items-box .lists-items li {
  letter-spacing: 0%;
  display: flex;
  gap: 19px;
  align-items: center;
}

.what-we-stand-for-section.admissionn-process-info-about-maai .list-items-box .lists-items li .check-mark-icon {
  min-width: 18px;
  height: 18px;
  border-radius: 50px;
}

.what-we-stand-for-section.admissionn-process-info-about-maai .programs-details-lists {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 992px) {
  .what-we-stand-for-section.admissionn-process-info-about-maai .programs-details-lists {
    gap: 22px;
    align-items: center;
    flex-direction: row;
  }
}

.what-we-stand-for-section.admissionn-process-info-about-maai .programs-details-lists li {
  padding: 20px;
  background: #E5C687;
  color: #154677;
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 132%;
  letter-spacing: -3%;
  margin-top: 0;
  height: 67px;
}

@media (min-width: 992px) {
  .what-we-stand-for-section.admissionn-process-info-about-maai .programs-details-lists li {
    width: 33.3333333333%;
  }
}

.what-we-stand-for-section.admissionn-process-info-about-maai .programs-details-lists li {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.faq-list.faq-version-two {
  margin-top: 30px;
}

@media (min-width: 992px) {
  .faq-list.faq-version-two {
    margin-top: 37px;
  }
}

.faq-list.faq-version-two .faq-item .faq-question p {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

@media (min-width: 992px) {
  .faq-list.faq-version-two .faq-item .faq-question p {
    font-size: 25px;
  }
}

.faq-list.faq-version-two .faq-item .faq-question p {
  line-height: 132%;
  letter-spacing: -3%;
  vertical-align: middle;
  margin-top: 0;
  text-align: right;
  color: #154677;
}

.faq-list.faq-version-two .faq-item .faq-question .faq-icon {
  background-color: transparent;
  padding: 0;
  width: 10px;
  height: 10px;
}

@media (min-width: 992px) {
  .faq-list.faq-version-two .faq-item .faq-question .faq-icon {
    width: 29px;
    height: 29px;
  }
}

.faq-list.faq-version-two .faq-item .faq-answer .faq-answer__inner .lists-items li {
  align-items: flex-start;
}

.faq-list.faq-version-two .faq-item .faq-answer .faq-answer__inner .lists-items li .check-mark-icon {
  margin-top: 3px;
}

.img-bg-content-wrapper.admission-process {
  padding-bottom: 54px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper.admission-process {
    padding-bottom: 122px;
  }
}

.img-bg-content-wrapper.admission-process .content--area h2 {
  font-size: 40px;
  max-width: 824px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper.admission-process .content--area h2 {
    font-size: 80px;
  }
}

.img-bg-content-wrapper.admission-process .cta--btn {
  max-width: 192px !important;
  margin-top: 40px !important;
}

.img-bg-content-wrapper.admission-process .img-bg-content-wrapper--area {
  height: 533px;
}

@media (min-width: 992px) {
  .img-bg-content-wrapper.admission-process .img-bg-content-wrapper--area {
    height: 626px;
  }
}

.banner-section.the-faculty-page-version .banner-right-cont .banner-right-slide-area {
  background: #E5C687;
}

.banner-section.the-faculty-page-version .banner-right-cont .banner-right-slide-area h2 {
  color: #154677;
}

.banner-section.the-faculty-page-version .banner-right-cont .banner-right-slide-area p {
  color: #154677;
}

.banner-section.the-faculty-page-version .banner-right-cont .banner-right-slide-area .cta--btn .btn--arrow {
  background: #fff;
}

.banner-section.the-faculty-page-version .banner-right-cont .banner-right-slide-area .cta--btn {
  max-width: 192px;
}

.faculty-directory-section {
  padding-top: 47px;
}

@media (min-width: 992px) {
  .faculty-directory-section {
    padding-top: 100px;
  }
}

.faculty-directory-section .faculty-directory--wrapper {
  padding-top: 28px;
}

@media (min-width: 992px) {
  .faculty-directory-section .faculty-directory--wrapper {
    padding-top: 100px;
  }
}

.faculty-directory-section .faculty-directory--wrapper .faculty-directory--wrapper---box {
  padding-bottom: 41px;
}

@media (min-width: 992px) {
  .faculty-directory-section .faculty-directory--wrapper .faculty-directory--wrapper---box {
    padding-bottom: 70px;
  }
}

.faculty-directory-section .faculty-directory--wrapper .latest-university-news-paginetion {
  margin-top: 0;
  padding-bottom: 35px;
}

@media (min-width: 992px) {
  .faculty-directory-section .faculty-directory--wrapper .latest-university-news-paginetion {
    padding-bottom: 30px;
  }
}

.faculty-directory-section .faculty-directory--wrapper .latest-university-news-paginetion .pegination-lists .pegionetion-items .peginate-item {
  background: #fff;
}

.faculty-directory-section .faculty-directory--wrapper .latest-university-news-paginetion .pegination-lists .pegionetion-items .peginate-item.active-peginate {
  background: #154677;
  color: #fff;
}

.faculty-directory-section .faculty-directory--wrapper .latest-university-news-paginetion .pegination-lists .pegionetion-items .peginate-item:hover {
  background: #154677;
  color: #fff;
}

.faculty-directory-section .faculty-directory--wrapper .latest-university-news-paginetion {
  background: #c6d0dd;
}

.faculty-directory-section .our-faculty-grid--area {
  padding-top: 51px;
  padding-bottom: 35px;
}

@media (min-width: 992px) {
  .faculty-directory-section .our-faculty-grid--area {
    padding-bottom: 61px;
    padding-top: 125px;
  }
}

.faculty-directory-section .our-faculty-grid--area {
  background: rgba(21, 70, 119, 0.2509803922);
}

.faculty-team--card-wrapper .the-user-info-card--items {
  display: flex;
  align-items: flex-end;
  padding: 0 15px 15px;
  gap: 24px;
  flex-direction: row;
}

@media (min-width: 992px) {
  .faculty-team--card-wrapper .the-user-info-card--items {
    flex-direction: row;
    gap: 36px;
    padding: 0 28px 35px;
  }
}

.faculty-team--card-wrapper .the-user-info-card--items {
  transition: all 350ms ease;
  background: #fff;
}

.faculty-team--card-wrapper .the-user-info-card--items:hover {
  background: #154677;
}

.faculty-team--card-wrapper .the-user-info-card--items .card-cont-box {
  padding-top: 30px;
}

@media (min-width: 992px) {
  .faculty-team--card-wrapper .the-user-info-card--items .card-cont-box {
    padding-top: 78px;
  }
}

.faculty-team--card-wrapper .the-user-info-card--items .card-cont-box>h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 500;
  font-size: 18px;
}

@media (min-width: 992px) {
  .faculty-team--card-wrapper .the-user-info-card--items .card-cont-box>h3 {
    font-size: 36px;
  }
}

.faculty-team--card-wrapper .the-user-info-card--items .card-cont-box>h3 {
  line-height: 120%;
  letter-spacing: -3%;
  color: #154677;
  display: block;
}

@media (min-width: 992px) {
  .faculty-team--card-wrapper .the-user-info-card--items .card-cont-box>h3 {
    display: block;
  }
}

.faculty-team--card-wrapper .the-user-info-card--items .card-cont-box .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #154677;
  margin-top: 3px;
}

@media (min-width: 992px) {
  .faculty-team--card-wrapper .the-user-info-card--items .card-cont-box .desc-text {
    margin-top: 6px;
  }
}

.faculty-team--card-wrapper .the-user-info-card--items .card-cont-box .cta--btn {
  max-width: 128px;
  margin-top: 10px;
  height: 37px;
}

@media (min-width: 992px) {
  .faculty-team--card-wrapper .the-user-info-card--items .card-cont-box .cta--btn {
    margin-top: 30px;
    max-width: 194px;
    height: 45px;
  }
}

.faculty-team--card-wrapper .the-user-info-card--items .card-cont-box {
  padding: 0px;
}

@media (min-width: 992px) {
  .faculty-team--card-wrapper .the-user-info-card--items .card-cont-box {
    padding: 0;
  }
}

.faculty-team--card-wrapper .the-user-info-card--items .card-img-box {
  padding: 0;
  flex-direction: row;
  display: flex;
  max-width: 119px;
  height: 150px;
  gap: 17px;
  align-items: flex-start;
}

@media (min-width: 992px) {
  .faculty-team--card-wrapper .the-user-info-card--items .card-img-box {
    gap: 0;
    flex-direction: column;
    padding: 0;
    max-width: 241px;
    height: 251px;
  }
}

.faculty-team--card-wrapper .the-user-info-card--items .card-img-box {
  width: 100%;
  position: relative;
}

.faculty-team--card-wrapper .the-user-info-card--items .card-img-box::before {
  content: "";
  max-width: 119px;
  width: 100%;
  height: 174px;
  right: -6px;
  bottom: -5px;
}

@media (min-width: 992px) {
  .faculty-team--card-wrapper .the-user-info-card--items .card-img-box::before {
    max-width: 100%;
    height: 301px;
    right: -10px;
    bottom: -10px;
  }
}

.faculty-team--card-wrapper .the-user-info-card--items .card-img-box::before {
  position: absolute;
  background: #154677;
}

.faculty-team--card-wrapper .the-user-info-card--items .card-img-box img {
  max-width: 119px;
  height: 174px;
  margin-top: -24px;
}

@media (min-width: 992px) {
  .faculty-team--card-wrapper .the-user-info-card--items .card-img-box img {
    max-width: 100%;
    height: 301px;
    margin-top: -50px;
  }
}

.faculty-team--card-wrapper .the-user-info-card--items .card-img-box img {
  position: relative;
  z-index: 9;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.faculty-team--card-wrapper .the-user-info-card--items:hover h3 {
  color: #fff;
}

.faculty-team--card-wrapper .the-user-info-card--items:hover .desc-text {
  color: #fff;
}

.faculty-team--card-wrapper .the-user-info-card--items:hover .card-img-box::before {
  background: #fff;
}

.the-board-meambers-section .the-board--card-chairman-info .the-board-card--items {
  display: flex;
  gap: 30px;
  align-items: flex-end;
  padding: 0 25px 30px;
}

@media (min-width: 992px) {
  .the-board-meambers-section .the-board--card-chairman-info .the-board-card--items {
    padding: 0 20px 27px;
  }
}

.the-board-meambers-section .the-board--card-chairman-info .the-board-card--items {
  background: #154677;
}

@media (min-width: 992px) {
  .the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-cont-box {
    padding-top: 87px;
  }
}

.the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-cont-box .chairman-info {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-cont-box .chairman-info {
    font-size: 40px;
  }
}

.the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-cont-box .chairman-info {
  line-height: 120%;
  letter-spacing: -3%;
  color: #fff;
}

.the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-cont-box h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-cont-box h2 {
    font-size: 36px;
  }
}

.the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-cont-box h2 {
  line-height: 132%;
  letter-spacing: -3%;
  color: #E5C687;
  margin-top: 14px;
}

@media (min-width: 992px) {
  .the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-cont-box h2 {
    margin-top: 24px;
  }
}

.the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-cont-box .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #fff;
  margin-top: 4px;
}

.the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-cont-box .cta--btn {
  margin-top: 25px;
}

@media (min-width: 992px) {
  .the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-cont-box .cta--btn {
    margin-top: 34px;
  }
}

.the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-img-box {
  height: 315px;
  width: 100%;
  max-width: 476px;
}

.the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-img-box img {
  width: 100%;
  height: 359px;
  object-fit: cover;
  object-position: top;
  margin-top: -44px;
}

.the-board-member--area {
  background: rgba(21, 70, 119, 0.2509803922);
  padding: 43px 0 44px;
  margin-top: 17px;
}

@media (min-width: 992px) {
  .the-board-member--area {
    padding: 134px 0 85px;
    margin-top: 80px;
  }
}

.the-team--card-president-info {
  padding: 137px 0 0;
}

@media (min-width: 992px) {
  .the-team--card-president-info {
    padding: 105px 0 0;
  }
}

.the-team--card-president-info .the-team-card--items {
  background: #154677;
  padding: 0 20px 49px;
}

.the-team--card-president-info .the-team-card--items .chairman-info {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .chairman-info {
    font-size: 40px;
  }
}

.the-team--card-president-info .the-team-card--items .chairman-info {
  line-height: 120%;
  letter-spacing: -3%;
  color: #fff;
}

.the-team--card-president-info .the-team-card--items h2 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 20px;
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items h2 {
    font-size: 36px;
  }
}

.the-team--card-president-info .the-team-card--items h2 {
  line-height: 132%;
  letter-spacing: -3%;
  color: #E5C687;
}

.the-team--card-president-info .the-team-card--items .about-user {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #E5C687;
}

.the-team--card-president-info .the-team-card--items .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #fff;
  margin-top: 24px;
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .desc-text {
    margin-top: 26px;
  }
}

.the-team--card-president-info .the-team-card--items .card-cont-box {
  margin-top: 23px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .card-cont-box {
    flex-direction: row;
    margin-top: 0px;
  }
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .card-cont-box .content-left {
    max-width: 431px;
  }
}

.the-team--card-president-info .the-team-card--items .card-cont-box .content-left {
  width: 100%;
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .card-cont-box .content-right {
    max-width: calc(100% - 431px);
  }
}

.the-team--card-president-info .the-team-card--items .card-cont-box .content-right {
  width: 100%;
}

.the-team--card-president-info .the-team-card--items .card-cont-box .button-box {
  margin-top: 23px;
  gap: 11px;
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .card-cont-box .button-box {
    align-items: center;
    flex-direction: row;
    gap: 20px;
    margin-top: 27px;
  }
}

.the-team--card-president-info .the-team-card--items .card-cont-box .button-box .cta--btn {
  max-width: 230px;
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .card-cont-box .button-box .cta--btn {
    max-width: 246px;
  }
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .card-cont-box .button-box .cta--btn:first-child {
    max-width: 175px;
  }
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .card-img-box h2 {
    margin-top: 24px;
  }
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .card-img-box .about-user {
    margin-top: 12px;
  }
}

.the-team--card-president-info .the-team-card--items .card-img-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 142px;
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .card-img-box {
    align-items: flex-end;
    flex-direction: row;
    gap: 30px;
    height: 321px;
  }
}

.the-team--card-president-info .the-team-card--items .card-img-box {
  width: 100%;
}

.the-team--card-president-info .the-team-card--items .card-img-box img {
  width: 100%;
  max-width: 100%;
  height: 231px;
  margin-top: -89px;
}

@media (min-width: 992px) {
  .the-team--card-president-info .the-team-card--items .card-img-box img {
    height: 359px;
    max-width: 476px;
    margin-top: -38px;
  }
}

.the-team--card-president-info .the-team-card--items .card-img-box img {
  position: relative;
  object-fit: cover;
  object-position: top;
}

.the-user-info-card--items {
  display: flex;
  align-items: flex-end;
  padding: 0;
  flex-direction: column;
}

@media (min-width: 992px) {
  .the-user-info-card--items {
    gap: 30px;
    padding: 0 28px 35px;
    flex-direction: row;
  }
}

.the-user-info-card--items {
  transition: all 350ms ease;
  background: #fff;
}

.the-user-info-card--items:hover {
  background: #154677;
}

@media (min-width: 992px) {
  .the-user-info-card--items .card-cont-box {
    padding-top: 78px;
  }
}

.the-user-info-card--items .card-cont-box>h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

@media (min-width: 992px) {
  .the-user-info-card--items .card-cont-box>h3 {
    font-size: 20px;
  }
}

.the-user-info-card--items .card-cont-box>h3 {
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
  display: none;
}

@media (min-width: 992px) {
  .the-user-info-card--items .card-cont-box>h3 {
    display: block;
  }
}

.the-user-info-card--items .card-cont-box .desc-text {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  letter-spacing: 0%;
  color: #154677;
  margin-top: 28px;
}

@media (min-width: 992px) {
  .the-user-info-card--items .card-cont-box .desc-text {
    margin-top: 16px;
  }
}

.the-user-info-card--items .card-cont-box .cta--btn {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .the-user-info-card--items .card-cont-box .cta--btn {
    margin-top: 32px;
  }
}

.the-user-info-card--items .card-cont-box {
  padding: 0px 24px 26px;
}

@media (min-width: 992px) {
  .the-user-info-card--items .card-cont-box {
    padding: 0;
  }
}

.the-user-info-card--items .card-img-box {
  padding: 0 18px;
  flex-direction: row;
  display: flex;
  max-width: 100%;
  height: 118px;
  gap: 17px;
  align-items: flex-end;
}

@media (min-width: 992px) {
  .the-user-info-card--items .card-img-box {
    gap: 0;
    flex-direction: column;
    padding: 0;
    max-width: 241px;
    height: 251px;
  }
}

.the-user-info-card--items .card-img-box {
  width: 100%;
  position: relative;
}

.the-user-info-card--items .card-img-box::before {
  content: "";
  max-width: 120px;
  width: 100%;
  height: 132px;
  right: 10px;
  bottom: -10px;
}

@media (min-width: 992px) {
  .the-user-info-card--items .card-img-box::before {
    max-width: 100%;
    height: 301px;
    right: -10px;
    bottom: -10px;
  }
}

.the-user-info-card--items .card-img-box::before {
  position: absolute;
  background: #154677;
}

.the-user-info-card--items .card-img-box img {
  max-width: 120px;
  height: 132px;
  margin-top: -24px;
}

@media (min-width: 992px) {
  .the-user-info-card--items .card-img-box img {
    max-width: 100%;
    height: 301px;
    margin-top: -50px;
  }
}

.the-user-info-card--items .card-img-box img {
  position: relative;
  z-index: 9;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.the-user-info-card--items .card-img-box>h3 {
  font-family: "AktivGrotesk", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

@media (min-width: 992px) {
  .the-user-info-card--items .card-img-box>h3 {
    font-size: 20px;
  }
}

.the-user-info-card--items .card-img-box>h3 {
  line-height: 132%;
  letter-spacing: -3%;
  color: #154677;
  display: block;
}

@media (min-width: 992px) {
  .the-user-info-card--items .card-img-box>h3 {
    display: none;
  }
}

.the-user-info-card--items:hover h3 {
  color: #fff;
}

.the-user-info-card--items:hover .desc-text {
  color: #fff;
}

.the-user-info-card--items:hover .card-img-box::before {
  background: #fff;
}

.the-executive-member--area {
  background: rgba(21, 70, 119, 0.2509803922);
  padding: 43px 0 44px;
  margin-top: 17px;
}

@media (min-width: 992px) {
  .the-executive-member--area {
    padding: 134px 0 85px;
    margin-top: 80px;
  }
}

.max-full-width {
  max-width: 100% !important;
}

.pill-p {
  padding-top: 4px;
}

.custom-no-top-padding {
  padding-top: 0px !important;
}

.custom-no-top-padding {
  padding-bottom: 0px !important;
}

.custom-60-top-padding {
  padding-top: 60px !important;
}

.custom-no-bottom-padding {
  padding-bottom: 0px !important;
}

.videos-cover-image-box {
  position: relative;
  width: 100%;
  max-width: 1347px;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  overflow: hidden;
}

.video-cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.video-cover-flow-button {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
}

.youtube-inline-video {
  position: absolute;
  inset: 0;
  display: none;
  z-index: 2;
}

.youtube-inline-video iframe {
  width: 100%;
  height: 100%;
}

/* HORIZONTAL TIMLINE CSS */
:root {
  --tl-accent: #E5C687;
  --tl-text: #154677;
  --tl-muted: #6b7280;
  --tl-line: #e5e7eb;
  --tl-card: #fff;
  --tl-shadow: 0 18px 45px rgba(17, 24, 39, .10);
  --tl-radius: 18px;
}

.tl-wrap {
  padding: 24px 0px 0px;
}

.tl-shell {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}

.tl-card {
  background: var(--tl-card);
  border-radius: var(--tl-radius);
  box-shadow: var(--tl-shadow);
  overflow: hidden;
}

.tl-card__inner {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  min-height: 360px;
}

.tl-content {
  padding: 56px 56px 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  background: #F2E3C3;
}

.tl-year {
  color: #8A764D;
  font-weight: 700;
  letter-spacing: .4px;
  font-size: 22px;
}

.tl-title {
  margin: 0;
  color: var(--tl-text);
  font-size: 40px;
  line-height: 1.05;
  font-weight: 300;
}

.tl-desc {
  margin: 0px 0 18px;
  color: #374151;
  font-size: 16px;
  line-height: 1.6;
  max-width: 560px;
}

.tl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  border: 2px solid var(--tl-accent);
  color: var(--tl-accent);
  font-weight: 700;
  text-decoration: none;
  width: fit-content;
  transition: transform .15s ease, background .15s ease, color .15s ease;
}

.tl-btn:hover {
  background: var(--tl-accent);
  color: #fff;
  transform: translateY(-1px);
}

.tl-media {
  position: relative;
  background: #f3f4f6;
}

.tl-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tl-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 999px;
  border: 0;
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 10px 25px rgba(17, 24, 39, .18);
  cursor: pointer;
  display: grid;
  place-items: center;
  z-index: 5;
  transition: transform .15s ease, opacity .15s ease;
}

.tl-arrow span {
  font-size: 34px;
  line-height: 1;
  color: #111;
  margin-top: -2px;
}

.tl-arrow:hover {
  transform: translateY(-50%) scale(1.03);
}

.tl-arrow--left {
  right: -16px;
}

.tl-arrow--right {
  left: -16px;
}

/* Bottom timeline */
.tl-track {
  margin-top: 26px;
  position: relative;
  padding: 18px 10px 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.tl-track::-webkit-scrollbar {
  display: none;
}

.tl-line {
  position: absolute;
  top: 34px;
  right: 0;
  height: 3px;
  background: var(--tl-line);
  border-radius: 999px;
}

.tl-steps {
  display: flex;
  align-items: start;
  gap: 15px;
  position: relative;
  z-index: 1;
  min-width: max-content;
  padding: 0 24px;
}

.tl-step {
  text-align: center;
  user-select: none;
  flex: 0 0 160px;
}

.tl-dotbtn {
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  width: 100%;
}

.tl-dot {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  margin: 0 auto;
  display: grid;
  place-items: center;
  background: #f3f4f6;
  border: 2px solid #d1d5db;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.tl-dot svg {
  width: 18px;
  height: 18px;
  opacity: .55;
}

.tl-label {
  margin-top: 10px;
  color: var(--tl-muted);
  font-size: 14px;
  line-height: 1.2;
  padding: 10px 12px;
  border-radius: 14px;
  display: inline-block;
}

.tl-label strong {
  display: block;
  font-size: 18px;
  margin-bottom: 3px;
}

.tl-step.is-active .tl-dot {
  background: color-mix(in srgb, var(--tl-accent) 18%, transparent);
  border-color: var(--tl-accent);
  transform: scale(1.02);
}

.tl-step.is-active .tl-dot svg {
  opacity: 1;
}

.tl-step.is-active .tl-label {
  background: #F9F1E1;
  color: #154677;
}

/* Motion */
.tl-card.is-fade .tl-content,
.tl-card.is-fade .tl-media {
  opacity: .0;
  transform: translateY(6px);
}

.tl-content,
.tl-media {
  transition: opacity .22s ease, transform .22s ease;
}

/* MOBILE CUSTOM Responsive */
@media (max-width: 980px) {
  .tl-card__inner {
    grid-template-columns: 1fr;
  }

  .tl-media {
    min-height: 240px;
  }

  .tl-content {
    padding: 34px 26px 26px;
  }

  .tl-title {
    font-size: 32px;
  }

  .tl-desc {
    font-size: 16px;
  }

  .tl-arrow--left {
    right: 8px;
  }

  .tl-arrow--right {
    left: 8px;
  }

  .custom-pt-60-mobile {
    padding-top: 60px !important;
  }

  .custom-pt-0-mobile {
    padding-top: 0px !important;
  }

  .banner-section .banner-wrapper .banner-left-wrapper {
    height: 345px;
  }

  .page-transition__progress {
    right: 34%;
  }

  .program-item__cta {
    margin-top: 0px;
  }

  .program-item__left {
    gap: 117px;
  }

  .meet-the-intern-section[data-interns-slider] .interns-card__video {
    padding-right: 0px !important;
  }

  .section-title-box-interns {
    padding-bottom: 45px !important;
  }

  .news-search-bard-area .search-by-keyword input {
    border-bottom: 0px;
    border-left: 0px;
  }

  .fd-deptdd__icon {
    width: 34px !important;
    height: 34px !important;
  }

  .main-navigation .nav-menu>li>.sub-menu a {
    color: #154677 !important;
  }

}

@media (max-width: 520px) {
  .tl-dot {
    width: 32px;
    height: 32px;
  }

  .tl-label strong {
    font-size: 16px;
  }

  .tl-label {
    font-size: 12px;
    padding: 8px 10px;
    border-radius: 12px;
  }

  .tl-arrow {
    width: 46px;
    height: 46px;
  }

  .tl-arrow span {
    font-size: 30px;
  }

  .custom-pt-60-mobile {
    padding-top: 60px !important;
  }

  .custom-pt-0-mobile {
    padding-top: 0px !important;
  }

  .banner-section .banner-wrapper .banner-left-wrapper {
    height: 345px;
  }

  .page-transition__progress {
    right: 34%;
  }

  .program-item__cta {
    margin-top: 0px;
  }

  .program-item__left {
    gap: 117px;
  }

  .meet-the-intern-section[data-interns-slider] .interns-card__video {
    padding-right: 0px !important;
  }

  .section-title-box-interns {
    padding-bottom: 45px !important;
  }

  .news-search-bard-area .search-by-keyword input {
    border-bottom: 0px;
    border-left: 0px;
  }

  .fd-deptdd__icon {
    width: 34px !important;
    height: 34px !important;
  }

  .main-navigation .nav-menu>li>.sub-menu a {
    color: #154677 !important;
    padding-right: 10px !important;
    padding-left: 0 !important;
  }
}

.program-item__cta-icon {
  cursor: pointer;
}

.logo-title {
  font-weight: 700;
}

.logo-title span {
  display: inline-block;
}

/* palette from the attached artwork */
.logo-title span {
  color: var(--c1);
}

/* Base: visible if JS fails */
.logo-title span {
  display: inline-block;
  opacity: 1;
  transform: none;
  filter: none;
}

/* When waiting to animate (hidden but no transition) */
.logo-title[data-reveal="pending"] span {
  opacity: 0;
  transform: translateY(10px);
  filter: blur(6px);
  transition: none !important;
}

/* When animating in */
.logo-title[data-reveal="done"] span {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
  transition: opacity .55s ease, transform .55s ease, filter .55s ease;
  will-change: transform, opacity, filter;
}

/* Stagger ONLY when animating in */
.logo-title[data-reveal="done"] span:nth-child(1) {
  transition-delay: 0ms;
}

.logo-title[data-reveal="done"] span:nth-child(2) {
  transition-delay: 35ms;
}

.logo-title[data-reveal="done"] span:nth-child(3) {
  transition-delay: 70ms;
}

.logo-title[data-reveal="done"] span:nth-child(4) {
  transition-delay: 105ms;
}

.logo-title[data-reveal="done"] span:nth-child(5) {
  transition-delay: 140ms;
}

.logo-title[data-reveal="done"] span:nth-child(6) {
  transition-delay: 175ms;
}

.logo-title[data-reveal="done"] span:nth-child(7) {
  transition-delay: 210ms;
}

.logo-title[data-reveal="done"] span:nth-child(8) {
  transition-delay: 245ms;
}

.logo-title[data-reveal="done"] span:nth-child(9) {
  transition-delay: 280ms;
}

.logo-title[data-reveal="done"] span:nth-child(10) {
  transition-delay: 315ms;
}

.logo-title[data-reveal="done"] span:nth-child(11) {
  transition-delay: 350ms;
}

.logo-title[data-reveal="done"] span:nth-child(12) {
  transition-delay: 385ms;
}

.logo-title[data-reveal="done"] span:nth-child(13) {
  transition-delay: 420ms;
}

.logo-title[data-reveal="done"] span:nth-child(14) {
  transition-delay: 455ms;
}

.logo-title[data-reveal="done"] span:nth-child(15) {
  transition-delay: 490ms;
}

.logo-title[data-reveal="done"] span:nth-child(16) {
  transition-delay: 525ms;
}

.logo-title[data-reveal="done"] span:nth-child(17) {
  transition-delay: 560ms;
}

.logo-title[data-reveal="done"] span:nth-child(18) {
  transition-delay: 595ms;
}

.logo-title[data-reveal="done"] span:nth-child(19) {
  transition-delay: 630ms;
}

.logo-title[data-reveal="done"] span:nth-child(20) {
  transition-delay: 665ms;
}

.logo-title[data-reveal="done"] span:nth-child(21) {
  transition-delay: 700ms;
}

.logo-title[data-reveal="done"] span:nth-child(22) {
  transition-delay: 735ms;
}

.logo-title[data-reveal="done"] span:nth-child(23) {
  transition-delay: 770ms;
}

.logo-title[data-reveal="done"] span:nth-child(24) {
  transition-delay: 805ms;
}

.logo-title[data-reveal="done"] span:nth-child(25) {
  transition-delay: 840ms;
}

.logo-title[data-reveal="done"] span:nth-child(26) {
  transition-delay: 875ms;
}

.logo-title[data-reveal="done"] span:nth-child(27) {
  transition-delay: 910ms;
}

.logo-title[data-reveal="done"] span:nth-child(28) {
  transition-delay: 945ms;
}

.logo-title[data-reveal="done"] span:nth-child(29) {
  transition-delay: 980ms;
}

.logo-title[data-reveal="done"] span:nth-child(30) {
  transition-delay: 1015ms;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {

  .logo-title[data-reveal="pending"] span,
  .logo-title[data-reveal="done"] span {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

.leadership-image {
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.leadership-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Optional: slightly tighter on mobile */
@media (max-width: 992px) {
  .leadership-image {
    border-radius: 14px;
  }
}

.card-video-box {
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  /* match card style */
}

/* 16:9 responsive iframe */
.video-embed {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
}

.video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Base safety */
.js-magnetic-btn {
  position: relative;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background-color .25s ease,
    color .25s ease;
  will-change: transform;
}

/* Subtle lift + glow on hover */
.js-magnetic-btn:hover {
  transform: translateY(-2px);
  /* box-shadow: 0 10px 28px rgba(0,0,0,.14); */
}

/* Soft press on click */
.js-magnetic-btn:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(0, 0, 0, .18);
}

/* Optional: gentle inner highlight */
.js-magnetic-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  /* background: linear-gradient(
    180deg,
    rgba(255,255,255,.45),
    rgba(255,255,255,0)
  ); */
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}

.js-magnetic-btn:hover::after {
  opacity: .35;
}

/* Accessibility */
.js-magnetic-btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .js-magnetic-btn {
    transition: none;
  }

  .js-magnetic-btn:hover {
    transform: none;
    box-shadow: none;
  }
}

:where(.logo-title, section, div, h1, h2, h3, h4, h5, h6)[id] {
  scroll-margin-top: 20px;
}

.wpml-ls-legacy-list-horizontal a {
  padding: 0 !important
}

/* ============================
   DESKTOP DROPDOWNS ONLY
============================ */
@media (min-width: 1024px) {

  .nav-menu {
    display: flex;
    /* gap: 36px; */
    align-items: center;
  }

  .nav-menu>li {
    position: relative;
  }

  .nav-menu>li>a {
    position: relative;
    padding: 8px 0;
    font-weight: 500;
  }

  /* Dropdown base */
  .dropdown {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    min-width: 220px;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(12px);
    border-radius: 14px;
    padding: 12px 0;

    box-shadow:
      0 18px 45px rgba(0, 0, 0, .12),
      0 0 0 1px rgba(0, 0, 0, .04);

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition:
      opacity .25s ease,
      transform .25s ease,
      visibility .25s;
    z-index: 100;
  }

  /* Show dropdown on hover */
  .has-dropdown:hover>.dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  /* Dropdown items */
  .dropdown li {
    list-style: none;
  }

  .dropdown a {
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    color: #0f172a;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
  }

  .dropdown a:hover {
    background: rgba(229, 198, 135, .18);
    /* subtle brand tint */
    color: #154677;
  }

  /* Small arrow indicator */
  .has-dropdown>a::after {
    content: "▾";
    font-size: 11px;
    margin-right: 6px;
    opacity: .6;
  }
}

.links-list {
  display: flex;
  justify-content: center;
  /* center horizontally */
  align-items: center;
  gap: 20px;
  /* space between buttons */
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
}

/* Ensure <li> doesn't interfere */
.links-list li {
  display: flex;
}

/* Mobile stacking (optional but recommended) */
@media (max-width: 768px) {
  .links-list {
    flex-direction: column;
    gap: 14px;
  }
}

/* Wrapper */
.event-countdown-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  margin: 56px auto 64px;
  /* top / bottom spacing */
}

/* Title */
.countdown-title {
  margin-bottom: 22px;
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #154677;
  font-weight: 600;
}

/* Countdown row */
.event-countdown {
  display: flex;
  gap: 18px;
}

/* Each tile */
.countdown-tile {
  min-width: 92px;
  padding: 18px 14px 16px;
  border-radius: 18px;

  background: rgba(255, 255, 255, .9);
  backdrop-filter: blur(12px);

  box-shadow:
    0 14px 32px rgba(0, 0, 0, .18),
    0 0 0 1px rgba(0, 0, 0, .05);
}

/* Value */
.countdown-value {
  display: block;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
  color: #154677;
  /* MBZUAI blue */
}

/* Label */
.countdown-label {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6b7280;
}

/* Responsive */
@media (max-width: 768px) {
  .event-countdown {
    gap: 12px;
  }

  .countdown-tile {
    min-width: 72px;
    padding: 14px 10px 12px;
  }

  .countdown-value {
    font-size: 28px;
  }
}

/* =========================
   IMPORTANT DATES
========================= */
.impdates {
  --blue: #154677;
  --gold: #E5C687;
  --muted: #6b7280;
  --line: #e5e7eb;
  --pill: #F9F1E1;

  padding: 28px 0;
}

.impdates__wrap {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 16px 0;
}

.impdates__line {
  position: absolute;
  right: 16px;
  left: 16px;
  top: 55px;
  height: 3px;
  background: var(--line);
  border-radius: 999px;
}

.impdates__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  align-items: start;
}

.impdates__item {
  text-align: center;
  position: relative;
}

.impdates__marker {
  width: 62px;
  height: 62px;
  border-radius: 999px;
  margin: 0 auto 12px;
  display: grid;
  place-items: center;
  background: #f3f4f6;
  border: 3px solid #cfd6df;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .10);
  z-index: 1;
  position: relative;
}

.impdates__tick {
  font-size: 22px;
  font-weight: 800;
  color: #111827;
  opacity: .75;
}

.impdates__box {
  display: inline-block;
  padding: 16px 20px;
  border-radius: 18px;
  background: transparent;
}

.impdates__date {
  font-size: 14px;
  line-height: 1.05;
  font-weight: 700;
  color: #6b7280;
}

.impdates__text {
  margin-top: 6px;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 500;
  color: #6b7280;
}

.impdates__desc {
  margin: 18px auto 0;
  max-width: 320px;
  background: #fff;
  border-radius: 16px;
  padding: 16px 18px;
  color: #374151;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .10);
  border: 1px solid rgba(0, 0, 0, .06);
  position: relative;
  font-size: 14px;
}

.impdates__desc::before {
  content: "";
  position: absolute;
  top: -14px;
  right: 50%;
  transform: translateX(50%);
  width: 2px;
  height: 14px;
  background: var(--line);
}

/* ACTIVE styling */
.impdates__item.is-active .impdates__marker {
  background: rgba(229, 198, 135, .18);
  border-color: var(--gold);
}

.impdates__item.is-active .impdates__tick {
  opacity: 1;
}

.impdates__item.is-active .impdates__box {
  background: var(--pill);
}

.impdates__item.is-active .impdates__date {
  color: var(--blue);
}

.impdates__item.is-active .impdates__text {
  color: var(--blue);
}

/* DONE styling (optional) */
.impdates__item.is-done .impdates__marker {
  background: #f7f7f7;
  border-color: #cfd6df;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 860px) {
  .impdates__line {
    display: none;
  }

  .impdates__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .impdates__item {
    text-align: right;
  }

  .impdates__marker {
    margin: 0 0 10px;
  }

  .impdates__box {
    padding: 10px 0;
  }

  .impdates__date {
    font-size: 15px;
  }

  .impdates__text {
    font-size: 18px;
  }

  .impdates__desc {
    max-width: 100%;
    margin: 10px 0 0;
  }

  .impdates__desc::before {
    right: 28px;
    transform: none;
  }
}

@media (max-width: 860px) {

  .impdates {
    display: flex;
    justify-content: center;
  }

  .impdates__wrap {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
  }

  .impdates__item {
    text-align: center;
  }

  .impdates__marker {
    margin: 0 auto 10px;
  }

  .impdates__desc::before {
    right: 50%;
    transform: translateX(50%);
  }
}

.txt-sand {
  color: #E5C687 !important;
}

@media (min-width: 998px) {
  .main-navigation .has-submenu {
    position: relative;
  }

  .main-navigation .sub-menu {
    position: absolute;
    top: 100%;
    right: 0;

    min-width: 580px;
    max-width: min(580px, calc(100vw - 24px));
    max-height: min(70vh, 520px);
    overflow: auto;

    background: #154677;
    border-radius: 10px;
    padding: 14px 0;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    /* IMPORTANT: let GSAP animate transforms (don’t fight it) */
    transform: none;

    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
    -webkit-overflow-scrolling: touch;
  }

  .main-navigation .sub-menu li {
    opacity: 1;
    /* visible by default; GSAP sets its own state */
    transform: none;
    /* GSAP sets its own state */
    display: block;
    width: 100%;
    border-bottom: 1px solid #00000042;
  }

  .main-navigation .sub-menu a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    width: 100%;
    padding: 16px 22px;
    color: #000;
    font-weight: 500;
    transition: background 0.25s ease, color 0.25s ease;
  }

  .main-navigation .sub-menu li a:hover {
    background: rgba(0, 0, 0, 0.04);
    color: #E5C687 !important;
  }

  /* If JS flips it to right-align, keep it clean */
  .main-navigation .sub-menu[data-align="right"] {
    right: auto;
    left: 0;
  }
}

/* Quick Links dropdown – show all items, no scroll */
.ql-menu {
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}












/* ======================================================
   Top Bar – Quick Links Dropdown (SCOPED)
   Sleek vertical list, left-aligned, gap-safe
====================================================== */
@media (min-width: 998px) {

  /* Wrapper */
  .link-items .has-ql-dropdown {
    position: relative;
  }

  /* Trigger */
  .link-items .ql-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .link-items .ql-trigger::after {
    content: "";
    width: 5px;
    height: 5px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    margin-top: -4px;
    opacity: 0.85;
  }

  /* Dropdown panel */
  .link-items .ql-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;

    min-width: 280px;
    max-width: min(420px, calc(100vw - 24px));
    max-height: min(60vh, 420px);
    overflow-y: auto;

    background: #fff;
    border-radius: 14px;
    padding: 6px 0;

    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow:
      0 18px 40px rgba(0, 0, 0, 0.12),
      0 2px 10px rgba(0, 0, 0, 0.06);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    z-index: 99999;
    -webkit-overflow-scrolling: touch;

    display: block !important;
    /* critical: prevents inherited flex from parent theme */
  }

  /* Safety: normalize sizing inside dropdown */
  .link-items .ql-menu * {
    box-sizing: border-box;
  }

  /* Reset list */
  .link-items .ql-menu,
  .link-items .ql-menu>li {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Hard reset LI to kill theme row height */
  .link-items .ql-menu>li {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: normal !important;
  }

  /* Dividers */
  .link-items .ql-menu>li+li {
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  }

  /* Links define row height */
  .link-items .ql-menu>li>a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100%;

    margin: 0 !important;
    padding: 10px 18px !important;

    color: #111;
    font-weight: 500;
    text-decoration: none;

    line-height: 1.2 !important;
    text-align: right !important;
    white-space: normal !important;

    transition:
      background 180ms ease,
      color 180ms ease,
      transform 180ms ease;
  }

  .link-items .ql-menu>li>a:hover {
    background: rgba(0, 0, 0, 0.035);
    color: #E5C687 !important;
    transform: translateX(-2px);
  }

  /* Caret */
  .link-items .ql-menu::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 18px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    transform: rotate(-45deg);
  }

  /* Caret flip if aligned right */
  .link-items .ql-menu[data-align="right"]::before {
    right: auto;
    left: 18px;
  }
}




/* =========================
   FULLSCREEN SEARCH (SCOPED)
========================= */
.site-search {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}

.site-search.is-open {
  display: block;
}

.site-search__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 12, 18, 0.68);
  backdrop-filter: blur(14px);
  opacity: 0;
  transition: opacity .35s ease;
}

.site-search__panel {
  position: relative;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 26px 18px;
  transform: translateY(14px);
  opacity: 0;
  transition: transform .45s cubic-bezier(.2, .9, .2, 1), opacity .35s ease;
}

/* Open state animations */
.site-search.is-open .site-search__backdrop {
  opacity: 1;
}

.site-search.is-open .site-search__panel {
  opacity: 1;
  transform: translateY(0);
}

.site-search__inner {
  width: min(820px, 92vw);
  border-radius: 26px;
  padding: clamp(22px, 3vw, 34px);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .35);
  position: relative;
  overflow: hidden;
}

/* subtle decorative gradient */
.site-search__inner::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: radial-gradient(700px 240px at 25% 10%, rgba(229, 198, 135, .45), transparent 60%),
    radial-gradient(700px 240px at 80% 30%, rgba(0, 129, 251, .18), transparent 60%);
  pointer-events: none;
  opacity: .9;
}

.site-search__kicker {
  position: relative;
  margin: 0 0 14px;
  color: #154677;
  font-size: 12px;
  font-weight: 600;
}

.site-search__form {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}

.site-search__input {
  position: relative;
  width: 100%;
  height: 64px;
  border-radius: 18px;
  border: 1px solid rgba(0, 0, 0, .10);
  background: rgba(255, 255, 255, .9);
  padding: 0 18px;
  font-size: 18px;
  outline: none;
  color: #111827;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
  transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}

.site-search__input:focus {
  border-color: rgba(0, 129, 251, .45);
  box-shadow: 0 18px 35px rgba(0, 129, 251, .18);
  transform: translateY(-1px);
}

.site-search__submit {
  height: 64px;
  width: 64px;
  border: 0;
  border-radius: 18px;
  background: #E5C687;
  box-shadow: 0 16px 30px rgba(229, 198, 135, .25);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform .15s ease, filter .15s ease;
}

.site-search__submit:hover {
  transform: translateY(-1px);
  filter: brightness(1.02);
}

.site-search__hint {
  position: relative;
  margin: 14px 0 0;
  font-size: 13px;
  color: #6b7280;
}

.site-search__hint span {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  background: rgba(0, 0, 0, .06);
  color: #111827;
  font-size: 12px;
  margin: 0 2px;
}

.site-search__close {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 0;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: transform .15s ease;
  z-index: 2;
}

.site-search__close:hover {
  transform: scale(1.04);
}

.site-search__close span {
  font-size: 26px;
  line-height: 1;
  color: #111827;
}

/* Lock page scroll when open */
body.search-overlay-open {
  overflow: hidden;
}

/* Mobile tweaks */
@media (max-width: 520px) {
  .site-search__form {
    grid-template-columns: 1fr;
  }

  .site-search__submit {
    width: 100%;
    height: 54px;
    border-radius: 16px;
  }

  .site-search__input {
    height: 58px;
    border-radius: 16px;
  }
}

/* =========================
   SEARCH OVERLAY – ANIMATION
========================= */

.site-search {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: block;
  pointer-events: none;
}

.site-search.is-open {
  pointer-events: auto;
}

/* BACKDROP */
.site-search__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 12, 18, 0.65);
  backdrop-filter: blur(0px);
  opacity: 0;
  transition:
    opacity .45s ease,
    backdrop-filter .45s ease;
}

.site-search.is-open .site-search__backdrop {
  opacity: 1;
  backdrop-filter: blur(14px);
}

/* PANEL */
.site-search__panel {
  position: relative;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 24px;

  opacity: 0;
  transform: translateY(18px) scale(.96);
  transition:
    opacity .45s ease,
    transform .55s cubic-bezier(.16, 1, .3, 1);
}

.site-search.is-open .site-search__panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* INNER CONTENT STAGGER */
.site-search__inner {
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity .45s ease .12s,
    transform .45s ease .12s;
}

.site-search.is-open .site-search__inner {
  opacity: 1;
  transform: translateY(0);
}

/* CLOSE BUTTON */
.site-search__close {
  transition: transform .2s ease, opacity .2s ease;
}

.site-search.is-open .site-search__close {
  animation: searchClosePop .35s ease .2s both;
}

@keyframes searchClosePop {
  from {
    transform: scale(.85);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* EXIT (smooth fade) */
.site-search:not(.is-open) .site-search__inner {
  transition-delay: 0s;
}

.site-search__panel {
  min-height: 100dvh;
  /* modern mobile-safe viewport */
}

.site-search__panel {
  align-content: center;
}

@media (max-width: 520px) {
  .site-search__panel {
    place-items: start center;
    padding-top: 18dvh;
    /* keeps input visible above keyboard */
  }
}




/* MOBILE: submenu must be display:block so max-height animation can work */
.mobile-nevigetions .sub-menu {
  display: block !important;
  /* <-- key fix */
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(6px);
  transition: max-height .35s ease, opacity .25s ease, transform .25s ease;
}

/* Open state */
.mobile-nevigetions .nav-menu>li.is-open>.sub-menu {
  max-height: 1200px;
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 998px) {
  .mobile-nevigetions .sub-menu {
    max-height: none !important;
    opacity: 1 !important;
    transform: none !important;
    overflow: visible !important;
  }
}

/* =========================
   MOBILE MENU: FORCE SUBMENU TO OPEN (OVERRIDES)
   Put this at the VERY END of your CSS file
========================= */
@media (max-width: 997px) {

  /* 1) Your mobile UL must be vertical (not flex-row) */
  .mobile-nevigetions .main-navigation .nav-menu {
    display: block !important;
  }

  .mobile-nevigetions .main-navigation .nav-menu>li {
    display: block !important;
  }

  /* 2) Make the parent anchor stay on one line and allow submenu below */
  .mobile-nevigetions .main-navigation .nav-menu>li.has-submenu>a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  /* 3) Critical: reset submenu positioning + allow it to be visible */
  .mobile-nevigetions .main-navigation .nav-menu>li>.sub-menu {
    position: static !important;
    display: block !important;
    width: 100%;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(6px);
    transition: max-height .35s ease, opacity .25s ease, transform .25s ease, visibility 0s linear .35s;
  }

  /* 4) Open state */
  .mobile-nevigetions .main-navigation .nav-menu>li.is-open>.sub-menu {
    visibility: visible;
    max-height: 2000px;
    /* big enough */
    opacity: 1;
    transform: translateY(0);
    transition: max-height .35s ease, opacity .25s ease, transform .25s ease, visibility 0s;
  }

  /* Optional: spacing inside submenu */
  .mobile-nevigetions .main-navigation .sub-menu>li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}


/* ✅ MOBILE SUBMENU MUST BE DISPLAYABLE (override old/desktop styles) */
@media (max-width: 997px) {
  .mobile-nevigetions .sub-menu {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;

    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(6px);
    transition: max-height .35s ease, opacity .25s ease, transform .25s ease;
  }

  .mobile-nevigetions .nav-menu>li.is-open>.sub-menu {
    max-height: 2000px;
    /* big enough */
    opacity: 1;
    transform: translateY(0);
  }
}

.newsletter-msg {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4;
}

.newsletter-msg.is-success {
  color: #0a7a35;
}

.newsletter-msg.is-error {
  color: #b42318;
}

.newsletter-msg.is-info {
  color: #154677;
  opacity: .85;
}

#newsletterMsg {
  font-size: 14px !important;
}

.section-title-box .section-title-right-cont a.view-all-btn {
  display: inline-flex;
  /* or inline-block */
  width: fit-content;
  /* optional, but nice */
  align-self: start;
  /* keeps it from stretching in some layouts */
  justify-self: start;
  /* important if parent is CSS grid */
}

/* Slider arrows – show hand cursor */
.slider-arrows .nevigetion-arrow {
  cursor: pointer;
}

/* Optional: reinforce on hover */
.slider-arrows .nevigetion-arrow:hover {
  cursor: pointer;
}

.slider-arrows .nevigetion-arrow {
  cursor: pointer;
  transition:
    transform .25s cubic-bezier(.4, 0, .2, 1),
    box-shadow .25s ease,
    background-color .25s ease;
}

.slider-arrows .nevigetion-arrow:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

.view-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease,
    color 0.25s ease;
}

.view-all-btn:hover {
  transform: translateY(-2px);
}

.bullet-point {
  padding-right: 26px;
  position: relative;
}

.bullet-point::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0.10em;
  width: 18px;
  height: 18px;
  background: url("../images/icons/checkmark-send-color.svg") no-repeat center / contain;
}

.bullet-point {
  margin: 0px 0 10px;
  color: #374151;
  font-size: 16px;
  line-height: 1.6;
  max-width: 560px;
}


.tl-desc {
  padding-right: 26px;
  position: relative;
}

.tl-desc::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0.35em;
  width: 18px;
  height: 18px;
  background: url("../images/icons/checkmark-send-color.svg") no-repeat center / contain;
}

.tl-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tl-bullets li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 10px 0;
}

.tl-bullets li::before {
  content: "";
  flex: 0 0 22px;
  width: 22px;
  height: 16px;
  margin-top: 2px;
  /* aligns with first text line */
  background: url("../images/icons/checkmark-send-color.svg") no-repeat center / contain;
}

.tl-bullets li span {
  display: block;
  line-height: 1.45;
}

/* Remove the old lone icon that was applied to the whole desc container */
[data-tl-desc].is-bulleted::before {
  content: none !important;
  display: none !important;
}

/* Also remove any left padding/margin that was reserved for that old icon */
[data-tl-desc].is-bulleted {
  padding-left: 0 !important;
}

.custom-color-darkblue {
  background: #0c2945;
}

.custom-color-lightsand {
  background: #f2e3c3;
}



/* =========================================================
   Event Card (Swiper) — 50/50 + image pop-out + bottom-aligned text
   Drop-in (clean, no duplicates)
========================================================= */

/* Card layout */
.swiper-slide .event--card--wrap .event-card {
  display: flex;
  align-items: stretch;
  /* make both columns equal height */
  overflow: visible;
  /* allow image to pop out */
}

/* Columns */
.swiper-slide .event--card--wrap .event-card .card-img-box,
.swiper-slide .event--card--wrap .event-card .card-cont-box {
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 0;
  /* IMPORTANT: prevents flex text overflow */
}

/* Image column */
.swiper-slide .event--card--wrap .event-card .card-img-box {
  position: relative;
  overflow: visible;
  /* do not clip pop-out image */
}

.swiper-slide .event--card--wrap .event-card .card-img-box img {
  width: 100%;
  height: auto;
  display: block;

  position: relative;
  top: -24px;
  /* pop-out amount (desktop) */
  z-index: 2;
}

/* Text column: bottom-aligned with breathing space */
.swiper-slide .event--card--wrap .event-card .card-cont-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* pin to bottom */
  align-items: flex-start;

  padding: 32px 32px 44px;
  /* last value = bottom gap */
  box-sizing: border-box;

  overflow: hidden;
  /* contain long text */
}

/* Title: wrap safely + optional clamp */
.swiper-slide .event--card--wrap .event-card .card-cont-box h3 {
  margin: 0 0 16px;
  line-height: 1.3;

  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;

  /* REMOVE truncation */
  display: block;
  overflow: visible;
}

/* If you want CTA always at the very bottom and title above it, enable this:
.swiper-slide .event--card--wrap .event-card .card-cont-box h3 { margin-bottom: auto; }
*/

/* =========================================================
   Mobile
========================================================= */
@media (max-width: 767px) {
  .swiper-slide .event--card--wrap .event-card {
    flex-direction: column;
  }

  .swiper-slide .event--card--wrap .event-card .card-img-box,
  .swiper-slide .event--card--wrap .event-card .card-cont-box {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .swiper-slide .event--card--wrap .event-card .card-img-box img {
    top: -16px;
    /* smaller pop-out on mobile */
  }

  .swiper-slide .event--card--wrap .event-card .card-cont-box {
    padding: 20px 20px 28px;
    /* comfortable mobile spacing */
    justify-content: flex-end;
  }

  .event-card {
    gap: 0px;
  }

  .event-card .card-cont-box h3 {
    font-size: 15px;
  }

  .fun-facts-wrapper .fun-fact-card {
    padding-top: 18px;
    padding-bottom: 18px
  }

}

/* HARD bottom-align ALL content inside the card */
.event-card.event-card--send {
  display: flex !important;
  align-items: stretch !important;
}

.event-card.event-card--send>* {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  height: 100% !important;
}

/* desktop card width */
.eventProgramsSwiper .swiper-slide {
  width: 920px;
}

/* example */

/* tablet */
@media (max-width: 1023px) {
  .eventProgramsSwiper .swiper-slide {
    width: 720px;
  }
}

.upcoming-event--wrapper .eventProgramsSwiper {
  overflow: visible;
  padding: 65px 120px 0;
  /* top / left-right / bottom */
}

/* Keep slide widths stable (do NOT resize active slide) */
@media (min-width: 992px) {
  .upcoming-event--wrapper .eventProgramsSwiper .swiper-slide {
    width: 779px !important;
    max-width: 779px !important;
  }
}

/* Mobile/tablet: full width + tighter side padding */
@media (max-width: 991px) {
  .upcoming-event--wrapper .eventProgramsSwiper {
    padding: 65px 20px 0 !important;
  }

  .upcoming-event--wrapper .eventProgramsSwiper .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    /* overrides any smaller active max-width */
  }
}

/* Active styling via transform (no layout reflow = no drift) */
.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide {
  transition: transform 0.45s ease, opacity 0.45s ease;
  transform: scale(0.96);
  opacity: 0.7;
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
}

.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide:not(.swiper-slide-active) .btn--arrow img {
  position: relative;
  top: -14px;
}

/* Safety: keep active slide normal */
.upcoming-event--wrapper .eventProgramsSwiper .swiper-slide.swiper-slide-active .btn--arrow img {
  top: 0;
}

.mbz-next {
  /* tweak these if needed */
  --mbz-bg: #154677;
  --mbz-text: #ffffff;
  --mbz-muted: rgba(255, 255, 255, .82);
  --mbz-accent: #e9c57a;
  color: var(--mbz-text);
  overflow: hidden;
}

.mbz-next__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.mbz-next__list li {
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: 14px;
  align-items: start;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid #c5d1dd;
}

.mbz-next__list p {
  margin: 0;
  line-height: 1.55;
  font-size: 16px;
  color: #154677;
}

.mbz-next__list strong {
  color: #154677;
  font-weight: 600;
}

.mbz-next__dot {
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 999px;
  background: var(--mbz-accent);
  box-shadow: 0 0 0 6px rgba(233, 197, 122, .18);
}

/* Small screens: tighter paddings */
@media (max-width: 640px) {
  .mbz-next__list li {
    padding: 12px 12px;
  }
}

.d-none {
  display: none !important;
}

#d-none {
  display: none !important;
}

p a {
  text-decoration: underline;
}

.floating-accordion__image img {
  opacity: 0.60;
}

.floating-accordion__item.is-active .floating-accordion__image img {
  opacity: 1;
}

.floating-accordion__image img:not([src]),
.floating-accordion__image img[src=""] {
  display: none !important;
}

.why-choose-us-faq-wrapper .faq-answer,
.why-choose-us-faq-wrapper .faq-answer__inner,
.why-choose-us-faq-wrapper .faq-answer__inner * {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

/* HARD collapse when closed */
.why-choose-us-faq-wrapper .faq-answer {
  height: 0;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}

/* Only add spacing when open */
.why-choose-us-faq-wrapper .faq-item.is-open .faq-answer {
  height: auto;
  overflow: hidden;
  padding-top: 24px;
  padding-bottom: 24px;
}

/* ======================================================
   WHY CHOOSE US FAQ — layout fixes (scoped)
====================================================== */

@media (min-width: 992px) {
  .why-choose-us-faq-wrapper .why-choose-us-faq-wrapper--area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
  }

  .why-choose-us-faq-wrapper .why-choose-us-faq--left-cont,
  .why-choose-us-faq-wrapper .why-choose-us-faq--right-cont {
    width: 100%;
    min-width: 0;
  }

  .why-choose-us-faq-wrapper .why-choose-us-faq--left-cont img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }
}

/* ======================================================
   FORCE FAQ BUTTON LEFT ALIGN (override everything)
====================================================== */

.why-choose-us-faq-wrapper .faq-answer .links-list {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Kill auto-centering on li */
.why-choose-us-faq-wrapper .faq-answer .links-list li {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  justify-content: flex-start;
}

/* Kill auto-centering on anchor/button */
.why-choose-us-faq-wrapper .faq-answer .links-list a {
  margin-right: 0 !important;
  margin-left: auto !important;
  /* 👈 key line */
  align-self: flex-start !important;
}

/* ======================================================
   CENTER BANNER PAGINATION
====================================================== */

.banner-right-slide-area {
  position: relative;
  overflow: hidden;
}

/* Pagination wrapper */
.banner-pagination-wrap {
  max-width: 100%;
  padding-inline: 24px;
  display: flex;
  justify-content: center;
  /* ✅ CENTER */
}

/* Swiper pagination */
.banner-pagination {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  max-width: 100%;
  display: flex;
  justify-content: center;
  /* ✅ CENTER */
  gap: 8px;
}

/* Bullets safety */
.banner-pagination .swiper-pagination-bullet {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .banner-pagination-wrap {
    padding-inline: 16px;
  }
}

/* Ensure the banner slider has room for button + pagination */
.js-heroBannerSwiper {
  overflow: visible;
  /* important if a parent is hiding overflow */
}

.js-heroBannerSwiper .swiper-wrapper {
  padding-bottom: 80px;
  /* space so CTA isn't cut */
}

/* If you have a wrapper around it with overflow hidden, fix that too */
.banner-slider-wrapper {
  overflow: visible;
}

/* Make the entire program item clickable */
.programs-list__items .program-item {
  cursor: pointer;
}

/* Keep pointer on ALL children */
.programs-list__items .program-item * {
  cursor: pointer;
}

.program-item__cta-icon {
  position: relative;
  align-items: center;
  justify-content: center;

  animation: ctaPulseStrong 1.4s ease-in-out infinite;
  transform-origin: center;
}

/* Glow ring */
.program-item__cta-icon::after {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  background: rgba(0, 129, 251, 0.35);
  /* Techno Blue */
  filter: blur(6px);
  opacity: 0;
  animation: ctaGlow 1.4s ease-out infinite;
  z-index: -1;
}

@keyframes ctaPulseStrong {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.28);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes ctaGlow {
  0% {
    transform: scale(0.8);
    opacity: 0.65;
  }

  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

/* FORCE pointer cursor on CTA arrow – no overrides allowed */
.program-item__cta-icon,
.program-item__cta-icon *,
.program-item__cta-icon:hover,
.program-item__cta-icon *:hover {
  cursor: pointer !important;
}

/* Force pointer on the whole CTA link + everything inside it */
.program-item__cta,
.program-item__cta * {
  cursor: pointer !important;
}

/* If the CTA is inside a program-item that becomes "active", keep it strict */
.program-item.is-active .program-item__cta,
.program-item.is-active .program-item__cta * {
  cursor: pointer !important;
}

/* Ensure the arrow/icon can receive hover + cursor */
.program-item__cta-icon,
.program-item__cta-icon * {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* If your CTA uses overlay layers, prevent them from capturing the mouse */
.program-item__cta::before,
.program-item__cta::after {
  pointer-events: none !important;
}

.btn-center-force {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  margin-right: auto !important;
  margin-left: auto !important;

  float: none !important;
  position: relative;
}

.marquee-text.is-active {
  border: 1px solid currentColor;
  opacity: 1;
}

.latest-university-news--wrapper .node-filter-bar {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: #144677;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}

.latest-university-news--wrapper .node-filter-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.latest-university-news--wrapper .node-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 14px;
  line-height: 1;
}

.latest-university-news--wrapper .node-clear-filters {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: #e5c687;
  font-size: 14px;
  white-space: nowrap;
}

@media (max-width: 680px) {
  .latest-university-news--wrapper .node-filter-bar {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ==============================
   NEWS PAGINATION (SCOPED)
============================== */
.latest-university-news-paginetion {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

.latest-university-news-paginetion .peginate-item {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  /* makes it circular */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: #0B2D5C;
  /* adjust to your palette */
  font-weight: 400;
  line-height: 1;
}

.latest-university-news-paginetion .peginate-item.active-peginate {
  background: #0B2D5C;
  /* active circle fill */
  color: #fff;
  /* active number */
}

/* ==============================
   NODE SEARCH BUTTON – FIX DOT
============================== */
.node-search-btn {
  all: unset;
  /* 🔥 resets browser defaults safely */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Kill any injected pseudo elements */
.node-search-btn::before,
.node-search-btn::after {
  content: none !important;
  display: none !important;
}

/* If wrapped in <li> */
.node-search-btn {
  list-style: none !important;
}

/* Kill focus artifacts */
.node-search-btn:focus,
.node-search-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* ===============================
   CATEGORY DROPDOWN – STYLED
=============================== */

/* Dropdown container */
.category-by-filter-dropdown,
.filter__body,
.filter__body--blue {
  background-color: #0f3d6d;
  /* MBZUAI blue */
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Each item */
.category-by-filter-dropdown li,
.filter__body li {
  list-style: none;
}

/* Item button / link */
.category-by-filter-dropdown button,
.category-by-filter-dropdown a,
.filter__body a {
  display: block;
  width: 100%;
  padding: 14px 18px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  background-color: #0f3d6d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  /* thin grey line */
  text-align: right;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Remove last divider */
.category-by-filter-dropdown li:last-child a,
.filter__body li:last-child a {
  border-bottom: none;
}

/* Hover */
.category-by-filter-dropdown a:hover,
.filter__body a:hover {
  background-color: #164a85;
}

/* Active / selected */
.category-by-filter-dropdown .active a,
.filter__body li.active a {
  background-color: #1b5fa7;
  font-weight: 500;
}

/* Kill bullets / weird dots */
.category-by-filter-dropdown,
.filter__body,
.filter__body ul,
.filter__body li {
  padding: 0;
  margin: 0;
}

/* Accessibility focus */
.category-by-filter-dropdown a:focus,
.filter__body a:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
}

.node-search {
  border-right: 0px;
  border-left: 0px;
}

/* ===============================
   NODE CATEGORY DROPDOWN
=============================== */

.node-cat-menu {
  background: #0f3d6d !important;
  /* MBZUAI blue */
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* Category buttons */
.node-cat-menu .node-cat-item {
  display: block;
  width: 100%;
  padding: 14px 18px;
  background: #0f3d6d;
  color: #e5c687;
  font-size: 18px;
  font-weight: 400;
  text-align: right;
  border-radius: 10px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  /* thin grey line */
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Remove last divider */
.node-cat-menu .node-cat-item:last-child {
  border-bottom: none;
}

/* Hover state */
.node-cat-menu .node-cat-item:hover {
  background: rgba(229, 198, 135, 0.12);
}

/* Active / selected category */
.node-cat-menu .node-cat-item.is-active,
.node-cat-menu .node-cat-item[aria-selected="true"] {
  background: #1b5fa7;
  font-weight: 500;
}

/* Keyboard focus */
.node-cat-menu .node-cat-item:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
}

/* =========================================
   Scoped nested UL styling
   ONLY inside UGRIP requirements section
========================================= */

/* Nested UL container */
.section-title-right-cont .list-items-box ul ul {
  margin-top: 0.5rem;
  padding-right: 2.65rem;
  /* indent under parent li */
}

/* Each nested LI */
.section-title-right-cont .list-items-box ul ul>li {
  position: relative;
  padding-right: 16px;
  /* space for bullet icon */
  margin: 0 0 10px 0;
  line-height: 1.6;
  list-style: none;
  /* kill default bullets safely */
}

/* Custom bullet icon (circle) */
.section-title-right-cont .list-items-box ul ul>li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0.65em;
  /* aligns with first line */
  width: 6px;
  height: 6px;
  border: 2px solid #6b7280;
  /* grey border */
  border-radius: 999px;
  /* perfect circle */
  transform: translateY(-50%);
}

/* Make sure Swiper transform is never overridden by other CSS */
.degreeProgramsSwiperV2 .swiper-wrapper {
  will-change: transform;
}

/* Default state (not active) */
.degreeProgramsSwiperV2 .swiper-slide .degree-programs-card-wrap {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .45s ease, transform .45s ease;
}

/* Active slide only */
.degreeProgramsSwiperV2 .swiper-slide.is-intern-active .degree-programs-card-wrap {
  opacity: 1;
  transform: translateY(0);
}

/* V2 MUST be stable width (your other sliders likely use auto widths) */
.degreeProgramsSwiperV2 .swiper-slide {
  width: 100% !important;
  flex: 0 0 100% !important;
}















/* =========================================================
   MEET THE INTERNS (SCOPED) — for your CURRENT HTML
   Targets .interns-card structure
   Does NOT touch arrow button styling
========================================================= */

.meet-the-intern-section[data-interns-slider] {
  /* Tailwind class in HTML: overflow-hidden */
  overflow: visible !important;

  --intern-blue: #1f4a78;
  /* active */
  --intern-peek: #f2ec3c;
  /* non-active / peek */
  --intern-rise: 90px;
  /* how much ONLY active media rises */
  --intern-peekW: 140px;
  /* how much next slide peeks (desktop) */
  --intern-minH: 420px;
  /* card min height desktop */
  --intern-mediaH: 340px;
  /* media height desktop */
}

/* Allow overflow so raised media is visible */
.meet-the-intern-section[data-interns-slider] .meet-the-intern--slider-wrapper,
.meet-the-intern-section[data-interns-slider] .custom-container-full,
.meet-the-intern-section[data-interns-slider] .internsSwiper,
.meet-the-intern-section[data-interns-slider] .internsSwiper .swiper-wrapper,
.meet-the-intern-section[data-interns-slider] .internsSwiper .swiper-slide {
  overflow: visible !important;
}

/* Make swiper support peek */
.meet-the-intern-section[data-interns-slider] .internsSwiper {
  width: 100%;
}

/* Equal height slides */
.meet-the-intern-section[data-interns-slider] .internsSwiper .swiper-wrapper {
  align-items: stretch;
}

.meet-the-intern-section[data-interns-slider] .internsSwiper .swiper-slide {
  height: auto;
  display: flex;
}

/* Desktop peek: slide width slightly less than container */
@media (min-width: 1024px) {
  .meet-the-intern-section[data-interns-slider] .internsSwiper .swiper-slide {
    width: calc(100% - var(--intern-peekW));
  }
}

/* Mobile: full width, no peek */
@media (max-width: 1023px) {
  .meet-the-intern-section[data-interns-slider] .internsSwiper .swiper-slide {
    width: 100%;
  }
}

/* =========================================================
   CARD
========================================================= */
.meet-the-intern-section[data-interns-slider] .interns-card {
  width: 100%;
  height: 100%;
  min-height: 280px;
  display: grid;
  grid-template-columns: 47% 53%;
  position: relative;
  background: #f8f1e1;
}

/* Active slide background only */
.meet-the-intern-section[data-interns-slider] .swiper-slide.swiper-slide-active .interns-card {
  background: var(--intern-blue);
}

/* =========================================================
   MEDIA
========================================================= */
.meet-the-intern-section[data-interns-slider] .interns-card__media {
  position: relative;
  height: var(--intern-mediaH);
  overflow: hidden;
  z-index: 1;
  height: 100%;
  max-height: 370px;
}

/* Media fills same height always */
.meet-the-intern-section[data-interns-slider] .interns-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  /* “higher” feel */
  display: block;
}

/* Play overlay */
.meet-the-intern-section[data-interns-slider] .interns-card__play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  z-index: 3;
}

/* keep your play asset looking right */
.meet-the-intern-section[data-interns-slider] .interns-card__play img {
  display: block;
  width: clamp(84px, 9vw, 130px);
  height: auto;
}

/* iframe container */
.meet-the-intern-section[data-interns-slider] .interns-card__video {
  position: absolute;
  inset: 0;
  display: none;
  z-index: 2;
  padding-right: 65px;
}

.meet-the-intern-section[data-interns-slider] .interns-card__video iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* when playing */
.meet-the-intern-section[data-interns-slider] .interns-card.is-playing .interns-card__video {
  display: block;
}

.meet-the-intern-section[data-interns-slider] .interns-card.is-playing .interns-card__img,
.meet-the-intern-section[data-interns-slider] .interns-card.is-playing .interns-card__play {
  display: none;
}

/* =========================================================
   ONLY ACTIVE SLIDE RISES
========================================================= */
@media (min-width: 1024px) {
  .meet-the-intern-section[data-interns-slider] .interns-card__media {
    transform: none;
  }

  .meet-the-intern-section[data-interns-slider] .swiper-slide.swiper-slide-active .interns-card__media {
    transform: translateY(calc(var(--intern-rise) * -1));
    z-index: 5;
    padding-right: 65px;
  }

  /* add breathing space for content only on active slide */
  /* .meet-the-intern-section[data-interns-slider]
  .swiper-slide.swiper-slide-active .interns-card__content{
    padding-top: calc(42px + var(--intern-rise));
  } */
}

/* =========================================================
   CONTENT
========================================================= */
.meet-the-intern-section[data-interns-slider] .interns-card__content {
  padding: 28px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

/* Active slide text */
.meet-the-intern-section[data-interns-slider] .swiper-slide.swiper-slide-active .interns-card__content {
  color: #fff;
}

.meet-the-intern-section[data-interns-slider] .interns-card__content h3 {
  margin: 0;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.2;
  font-weight: 600;
}

/* gold accents on active */
.meet-the-intern-section[data-interns-slider] .swiper-slide.swiper-slide-active .interns-card__content h3,
.meet-the-intern-section[data-interns-slider] .swiper-slide.swiper-slide-active .interns-card__content .sub-text {
  color: #f0c98b;
}

.meet-the-intern-section[data-interns-slider] .interns-card__content .sub-text {
  margin: 0;
  font-weight: 500;
}

.meet-the-intern-section[data-interns-slider] .interns-card__content .desc-text {
  margin: 0;
  line-height: 1.7;
  max-width: 64ch;
}

/* Non-active slide text readable on yellow */
.meet-the-intern-section[data-interns-slider] .swiper-slide:not(.swiper-slide-active) .interns-card__content {
  color: #0b2f55;
}

/* =========================================================
   PAGINATION (centered)
========================================================= */
.meet-the-intern-section[data-interns-slider] .interns-slider__pagination {
  margin-top: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.meet-the-intern-section[data-interns-slider] .interns-slider__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  opacity: 1;
  background: #0b2f55;
  margin: 0 !important;
}

.meet-the-intern-section[data-interns-slider] .interns-slider__pagination .swiper-pagination-bullet-active {
  background: #1f8a4c;
}

/* =========================================================
   MOBILE STACK
========================================================= */
@media (max-width: 768px) {
  .meet-the-intern-section[data-interns-slider] .interns-card {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .meet-the-intern-section[data-interns-slider] .interns-card__media {
    height: 240px;
    transform: none !important;
  }

  .meet-the-intern-section[data-interns-slider] .interns-card__content {
    padding: 18px 18px 24px !important;
  }

  .meet-the-intern-section[data-interns-slider] .interns-slider__pagination {
    margin-top: 18px;
  }
}


.meet-the-intern-section[data-interns-slider] .interns-card__img,
.meet-the-intern-section[data-interns-slider] .interns-card__video iframe {
  object-position: center 35%;
}

.gecko-iframe-wrap {
  width: 100%;
  max-width: 100%;
  position: relative;
}

/* iframe */
.gecko-iframe-wrap iframe {
  width: 100%;
  height: 720px;
  /* fixed height */
  border: 0;
  display: block;
  overflow: auto;
  /* enable scrolling */
}

/* Tablet */
@media (max-width: 1024px) {
  .gecko-iframe-wrap iframe {
    height: 820px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .gecko-iframe-wrap iframe {
    height: 980px;
  }
}

.gecko-iframe-wrap iframe {
  border-radius: 12px;
  background: #fff;
}

.gecko-iframe-wrap iframe {
  -webkit-overflow-scrolling: touch;
}

.modern-logo-container {
  display: none !important;
}

.ugrip-tiles {
  --tile-bg: #E5C989;
  /* sand/gold */
  --tile-text: #0B2F55;
  /* deep blue */
  --tile-gap: 22px;
  margin-top: 20px;
  width: 100%;
}

.ugrip-tiles__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--tile-gap);
  align-items: stretch;
}

.ugrip-tiles__tile {
  background: var(--tile-bg);
  border-radius: 2px;
  padding: 18px 18px;
  text-align: center;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .08);
  display: grid;
  place-content: center;
  min-height: 64px;
}

.ugrip-tiles__title {
  margin: 0;
  color: var(--tile-text);
  font-weight: 700;
  font-size: 22px !important;
  line-height: 1.15;
  font-weight: 400 !important;
}

.ugrip-tiles__value {
  margin: 6px 0 0;
  color: #0B2D5C !important;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  margin-top: 6px !important;

}

@media (max-width: 900px) {
  .ugrip-tiles__grid {
    gap: 14px;
  }

  .ugrip-tiles__title {
    font-size: 16px;
  }

  .ugrip-tiles__value {
    font-size: 14px;
  }
}

@media (max-width: 640px) {
  .ugrip-tiles__grid {
    grid-template-columns: 1fr;
  }

  .ugrip-tiles__tile {
    min-height: 58px;
    padding: 16px 14px;
  }
}

.outfit-font {
  font-family: "Outfit", sans-serif !important;
  font-size: 18px !important;
}

.status-highlight-text[data-sticky-section-nav] {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.status-highlight-text[data-sticky-section-nav] .cont-box {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
}

.status-highlight-text[data-sticky-section-nav] .section-chip-nav {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0;
}

.status-highlight-text[data-sticky-section-nav] .section-chip-nav__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  white-space: nowrap;
}

.status-highlight-text[data-sticky-section-nav] .section-chip-nav__link:hover {
  border-color: #e5c687;
  background: #e5c687;
  color: #154677;
}

@media (max-width: 768px) {
  .status-highlight-text[data-sticky-section-nav] .cont-box {
    align-items: flex-start;
    gap: 10px;
  }

  .status-highlight-text[data-sticky-section-nav] .section-chip-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
  }

  .status-highlight-text[data-sticky-section-nav] .section-chip-nav__link {
    scroll-snap-align: start;
  }

  .status-highlight-text[data-sticky-section-nav] .section-chip-nav::-webkit-scrollbar {
    height: 0;
  }

  .status-highlight-text[data-sticky-section-nav] .section-chip-nav {
    scrollbar-width: none;
  }
}

.status-highlight-text[data-sticky-section-nav]~.nav-target {
  scroll-margin-top: 90px;
}

.nqf-plo-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Table base */
.nqf-plo-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 560px;
  background: #fff;
}

/* Header */
.nqf-plo-table thead th {
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  padding: 14px 16px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

/* Remove last divider */
.nqf-plo-table thead th:last-child {
  border-left: 0;
}

/* Body cells */
.nqf-plo-table td {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  vertical-align: middle;
  white-space: nowrap;
}

/* Remove last divider */
.nqf-plo-table td:last-child {
  border-left: 0;
}

/* Alignment */
.nqf-plo-table td:first-child {
  text-align: right;
  font-weight: 600;
}

.nqf-plo-table td:nth-child(2),
.nqf-plo-table td:nth-child(3),
.nqf-plo-table td:nth-child(4) {
  text-align: center;
}

@media (max-width: 640px) {
  .nqf-plo-table {
    min-width: 0;
  }

  .nqf-plo-table thead {
    display: none;
  }

  .nqf-plo-table,
  .nqf-plo-table tbody,
  .nqf-plo-table tr,
  .nqf-plo-table td {
    display: block;
    width: 100%;
  }

  .nqf-plo-table tr {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  .nqf-plo-table td {
    border: 0;
    padding: 6px 0;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    white-space: normal;
  }

  .nqf-plo-table td::before {
    content: attr(data-label);
    font-weight: 700;
  }
}


[data-degree-accordions] {
  border-top: 1px solid rgba(21, 70, 119, 0.18);
}

[data-degree-accordions] .degree-acc {
  border-bottom: 1px solid rgba(21, 70, 119, 0.18);
}

[data-degree-accordions] .degree-acc__trigger {
  width: 100%;
  background: transparent;
  border: 0;
  padding: 22px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  text-align: right;
}

[data-degree-accordions] .degree-acc__title {
  font-weight: 500;
  font-size: 25px;
  line-height: 1.2;
  color: #154677;
}

[data-degree-accordions] .degree-acc__icon {
  font-size: 52px;
  line-height: 1;
  font-weight: 300;
  color: #154677;
  transform: translateY(-2px);
  user-select: none;
}

[data-degree-accordions] .degree-acc[aria-expanded="true"] .degree-acc__icon {
  transform: translateY(-2px) rotate(-45deg);
  /* plus to x */
}

[data-degree-accordions] .degree-acc__panel {
  padding: 0 0 22px 0;
}

[data-degree-accordions] .degree-acc__content {
  padding-top: 8px;
}

@media (max-width: 640px) {
  [data-degree-accordions] .degree-acc__trigger {
    padding: 18px 0;
  }

  [data-degree-accordions] .degree-acc__icon {
    font-size: 44px;
  }
}

[data-core-courses-table] .course-desc {
  overflow: hidden;
  transition: max-height 280ms ease;
  will-change: max-height;
  margin-top: 10px;
}

[data-core-courses-table] .course-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-align: right;
}

[data-core-courses-table] .course-plus {
  flex: 0 0 auto;
  font-size: 22px;
  line-height: 1;
}

[data-core-courses-table] table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
}

[data-core-courses-table] thead th {
  text-align: center;
  font-weight: 600;
  color: #0f2f55;
  padding: 10px 14px;
  border-bottom: 2px solid #d6d6d6;
  white-space: nowrap;
}

[data-core-courses-table] tbody td {
  padding: 6px 12px;
  vertical-align: top;
  border-bottom: 1px solid #e2e2e2;
}

[data-core-courses-table] th:not(:last-child),
[data-core-courses-table] td:not(:last-child) {
  border-left: 1px solid #e2e2e2;
}

[data-core-courses-table] .col-code {
  width: 120px;
  font-weight: 600;
  white-space: nowrap;
}

[data-core-courses-table] .col-credits {
  width: 140px;
  text-align: center;
  font-weight: 600;
  white-space: nowrap;
}

/* Course title cell */
[data-core-courses-table] .course-title-cell {
  display: block;
}

/* Accordion toggle row */
[data-core-courses-table] .course-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-align: right;
  line-height: 1.3;
  min-height: unset;
}

/* Course title */
[data-core-courses-table] .course-title {
  font-weight: 500;
  color: #0f2f55;
  font-size: 15px;
}

/* Plus / close */
[data-core-courses-table] .course-plus {
  font-size: 22px;
  font-weight: 400;
  color: #caa45c;
  line-height: 1;
}

/* Description panel */
[data-core-courses-table] .course-desc {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #e0e0e0;
  overflow: hidden;
  transition: max-height 280ms ease;
}

/* Text inside description */
[data-core-courses-table] .course-desc p {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

@media (max-width: 768px) {

  [data-core-courses-table] table,
  [data-core-courses-table] thead,
  [data-core-courses-table] tbody,
  [data-core-courses-table] th,
  [data-core-courses-table] td,
  [data-core-courses-table] tr {
    display: block;
  }

  [data-core-courses-table] thead {
    display: none;
  }

  [data-core-courses-table] tr {
    border: 1px solid #e2e2e2;
    margin-bottom: 14px;
    padding: 12px;
  }

  [data-core-courses-table] td {
    border: none !important;
    padding: 6px 0;
  }

  [data-core-courses-table] .col-code::before {
    content: "Code: ";
    font-weight: 600;
  }

  [data-core-courses-table] .col-credits::before {
    content: "Credit hours: ";
    font-weight: 600;
  }
}

[data-core-courses-table] .degree-acc__icon {
  display: inline-block;
  font-size: 22px;
  line-height: 1;
  color: #caa45c;
  transition: transform 260ms ease, color 200ms ease;
  transform-origin: center;
}

[data-core-courses-table] tr.is-open .degree-acc__icon {
  transform: rotate(-45deg);
}

[data-core-courses-table] .course-desc {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 360ms ease,
    opacity 220ms ease;
}

[data-core-courses-table] tr.is-open .course-desc {
  max-height: 2000px;
  opacity: 1;
}

.core-courses-table-wrap .course-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  text-align: right;
}

.core-courses-table-wrap .course-plus {
  display: inline-block;
  line-height: 1;
  transition: transform 220ms ease;
  transform-origin: 50% 50%;
  flex: 0 0 auto;
}

.core-courses-table-wrap .course-toggle[aria-expanded="true"] .course-plus {
  transform: rotate(-45deg);
}

.core-courses-table-wrap .course-desc {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);
  transition:
    max-height 320ms ease,
    opacity 220ms ease,
    transform 220ms ease;
  will-change: max-height, opacity, transform;
}

/* open state */
.core-courses-table-wrap .course-desc.is-open {
  opacity: 1;
  transform: translateY(0);
}

[data-core-courses-table] .course-plus {
  display: inline-block;
  transition: transform 220ms ease;
  transform-origin: 50% 50%;
}

[data-core-courses-table] .course-toggle[aria-expanded="true"] .course-plus {
  transform: rotate(-45deg);
}

[data-core-courses-table] .course-desc {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 320ms ease, opacity 220ms ease;
}

[data-core-courses-table] .course-desc.is-open {
  opacity: 1;
}

[data-core-courses-table] tbody td,
[data-core-courses-table] thead th {
  vertical-align: middle;
}

.no-mt-top {
  margin-top: 0px !important;
}

.application-dates-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.application-dates-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
}

/* Header */
.application-dates-table thead th {
  text-align: center;
  font-weight: 600;
  color: #0f2f55;
  padding: 14px 16px;
  border-bottom: 2px solid #d6d6d6;
  white-space: nowrap;
}

/* Body cells */
.application-dates-table tbody td {
  padding: 16px;
  vertical-align: middle;
  text-align: center;
  font-weight: 500;
  color: #1b1b1b;
  border-bottom: 1px solid #e2e2e2;
}

/* Vertical dividers */
.application-dates-table th:not(:last-child),
.application-dates-table td:not(:last-child) {
  border-left: 1px solid #e2e2e2;
}

/* =====================================
   Mobile responsive (same behavior)
===================================== */
@media (max-width: 768px) {

  .application-dates-table,
  .application-dates-table thead,
  .application-dates-table tbody,
  .application-dates-table th,
  .application-dates-table td,
  .application-dates-table tr {
    display: block;
  }

  .application-dates-table thead {
    display: none;
  }

  .application-dates-table tr {
    border: 1px solid #e2e2e2;
    margin-bottom: 14px;
    padding: 12px;
  }

  .application-dates-table td {
    border: none !important;
    padding: 6px 0;
    text-align: right;
  }

  .application-dates-table td::before {
    content: attr(data-label) ": ";
    font-weight: 600;
    color: #0f2f55;
    display: inline-block;
    min-width: 180px;
  }
}

.study-plan-divider {
  opacity: 0.4;
}

.txt-navyblue {
  color: #154677 !important;
}

.mx-100 {
  max-width: 100% !important;
}

.hero-image-reveal {
  overflow: hidden;
  display: block;
}

.hero-image-reveal img {
  display: block;
  width: 100%;
  height: auto;
}

.cta-buttons-row {
  display: flex;
  gap: 16px;
  /* space between buttons */
  flex-wrap: wrap;
  /* allows wrap on small screens */
}

/* Optional: keep equal width on desktop */
@media (min-width: 768px) {
  .cta-buttons-row .cta--btn {
    min-width: 220px;
  }
}

@media (max-width: 768px) {

  /* make table act like stacked cards */
  [data-core-courses-table] table,
  [data-core-courses-table] tbody,
  [data-core-courses-table] tr,
  [data-core-courses-table] td {
    display: block;
    width: 100%;
  }

  /* hide header row on mobile */
  [data-core-courses-table] thead {
    display: none;
  }

  /* card */
  [data-core-courses-table] tbody tr {
    border: 1px solid #e2e2e2;
    margin-bottom: 14px;
    padding: 12px;
    border-radius: 8px;
    background: #fff;
  }

  /* reset borders from desktop */
  [data-core-courses-table] tbody td {
    border: none !important;
    padding: 8px 0;
    vertical-align: middle;
  }

  /* label + value layout */
  [data-core-courses-table] tbody td[data-label] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    justify-content: space-between;
  }

  [data-core-courses-table] tbody td[data-label]::before {
    content: attr(data-label);
    font-weight: 600;
    color: #0f2f55;
    flex: 0 0 48%;
    max-width: 48%;
  }

  /* keep the value on the right */
  [data-core-courses-table] tbody td[data-label]>* {
    flex: 1 1 auto;
  }
}

/* ==========================================
   IMPORTANT DATES – header overlap fix
   (scoped)
========================================== */
[data-core-courses-table] table.important-dates-table {
  table-layout: auto;
  /* ✅ stop squeezing */
}

[data-core-courses-table] table.important-dates-table thead th {
  white-space: normal;
  /* ✅ allow wrapping */
  word-break: normal;
  overflow-wrap: anywhere;
  /* ✅ prevent overlap */
  line-height: 1.2;
  padding: 14px 14px;
  /* slightly tighter */
}

/* optional: keep header font a bit smaller so it fits nicely */
[data-core-courses-table] table.important-dates-table thead th {
  font-size: clamp(14px, 1.2vw, 18px);
}

/* optional: keep body text balanced too */
[data-core-courses-table] table.important-dates-table tbody td {
  font-size: clamp(14px, 1.15vw, 18px);
}

[data-core-courses-table] table.important-dates-table td {
  text-align: center;
  vertical-align: middle;
}

/* keep headers centered too (already usually are, but safe) */
[data-core-courses-table] table.important-dates-table th {
  text-align: center;
}

.faculty-name-search {
  border-right: 0px;
  border-left: 1px solid #154677;
}










/* =========================================================
   Faculty Dept Dropdown (Scoped + Conflict-Proof)
   Prefix: fd-deptdd
========================================================= */

[data-faculty-directory] .fd-deptdd {
  position: relative;
  width: 100%;
  background: #fff;

  /* match your design: only top/bottom borders */
  border-top: 1px solid #0B2D5C;
  border-bottom: 1px solid #0B2D5C;
  border-right: 0;
  border-left: 0;

  overflow: visible !important;
}

/* button reset + layout (like your screenshot) */
[data-faculty-directory] .fd-deptdd__btn {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: 0;

  width: 100%;
  min-height: 92px;
  padding: 32px 75px 30px 25px;

  display: flex;
  align-items: center;
  gap: 18px;

  cursor: pointer;
}

/* label left, same typography family feel */
[data-faculty-directory] .fd-deptdd__label {
  flex: 1 1 auto;
  min-width: 0;

  font-size: 40px;
  font-weight: 500;
  line-height: 1.15;
  /* prevents g/y clipping */
  letter-spacing: -0.02em;
  color: #154677;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  text-align: right;
}

/* icon pinned right */
[data-faculty-directory] .fd-deptdd__icon {
  flex: 0 0 auto;
  margin-right: auto;

  width: 50px;
  height: 50px;
  border-radius: 999px;
  background: #154677;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* hard override any theme img rules */
[data-faculty-directory] .fd-deptdd__icon img {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  display: block !important;
  object-fit: contain !important;
}

/* rotate arrow when open */
[data-faculty-directory] .fd-deptdd__btn[aria-expanded="true"] .fd-deptdd__icon img {
  transform: rotate(-180deg);
  transition: transform 220ms ease;
}

/* dropdown panel (BLUE only here) */
[data-faculty-directory] .fd-deptdd__panel {
  position: absolute;
  right: 0;
  left: 0;
  top: calc(100% + 0px);
  z-index: 9999;

  background: #154677;
  padding: 10px;

  max-height: 320px;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;

  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

[data-faculty-directory] .fd-deptdd__panel[hidden] {
  display: none !important;
}

/* options */
[data-faculty-directory] .fd-deptdd__opt {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: right;

  color: #E5C687;
  padding: 12px 14px;
  border-radius: 10px;

  cursor: pointer;
  font-size: 18px;
  line-height: 1.25;
}

[data-faculty-directory] .fd-deptdd__opt:hover {
  background: rgba(229, 198, 135, 0.12);
}

[data-faculty-directory] .fd-deptdd__opt.is-active {
  background: rgba(229, 198, 135, 0.22);
}

[data-faculty-directory] .fd-deptdd__opt[disabled] {
  opacity: .6;
  cursor: not-allowed;
}

/* ensure dropdown isn’t clipped by parent */
[data-faculty-directory] .news-search-bard-area {
  overflow: visible !important;
}

/* mobile: match “Search by Name” stacking/sizing */
@media (max-width: 991px) {
  [data-faculty-directory] .fd-deptdd__btn {
    min-height: 72px;
    padding: 14px 16px;
  }

  [data-faculty-directory] .fd-deptdd__label {
    font-size: 24px;
    line-height: 1.2;
  }

  [data-faculty-directory] .fd-deptdd__icon {
    width: 52px;
    height: 52px;
  }
}

[data-faculty-directory] .faculty-empty-state {
  text-align: center;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 500;

  color: #154677;
  /* MBZUAI blue */
  opacity: 0.85;
}

/* subtle icon above text (no spacing hacks) */
[data-faculty-directory] .faculty-empty-state::before {
  content: "🔍";
  display: block;
  font-size: 32px;
  opacity: 0.55;
}

@media (max-width: 991px) {
  [data-faculty-directory] .faculty-empty-state {
    font-size: 18px;
  }
}

.faculty-card img {
  image-rendering: auto;
  object-fit: cover;
}

.links-card--item .links-card--link {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* Image wrapper */
.links-card--item .image-box {
  position: relative;
  overflow: hidden;
}

/* Image */
.links-card--item .links-img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
}

/* 🔥 DARK OVERLAY — ALWAYS ON */
.links-card--item .image-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  /* adjust darkness here */
  z-index: 2;
  pointer-events: none;
}

/* Hover: zoom image slightly */
.links-card--item .links-card--link:hover .links-img {
  transform: scale(1.1);
}

/* Optional: subtle title movement */
.links-card--item h2 {
  position: relative;
  z-index: 3;
  /* above overlay */
  transition: transform 0.35s ease;
}

.links-card--item .links-card--link:hover h2 {
  transform: translateY(-4px);
}

.links-card--item .links-card--link:hover .links-img {
  transform: scale(1.1) !important;
}

.btn {
  display: inline-flex;
  align-items: center;
}

.btn .btn--arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.btn .btn--arrow img {
  transform: translateY(0) !important;
}

.btn .btn--arrow {
  position: relative;
  top: -1px;
  /* tweak to taste: -1px or -2px */
}

.lowercase {
  text-transform: lowercase !important;
}

.ugrip-requirment-section .section-title-right-cont .list-items-box .lists-items li {
  gap: 5px !important;
}

.degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items .tabs-btn-item.active-tabs-btn-items {
  border: none;
}

.degree-programs-cont-wrapper .degree-programs-tabs .degree-programs-tabs-items .tabs-btn-item {
  border: none;
}

/* =========================
   PARALLAX BANNER – CENTERED
========================= */

.parallax-banner {
  position: relative;
  width: 100%;
  min-height: clamp(420px, 55vh, 680px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;

  background-image: url("https://staticcdn.mbzuai.ac.ae/mbzuaiwpprd01/2026/01/banner-strip-mbzuai.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Overlay */
.parallax-banner__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
}

/* Content */
.parallax-banner__content {
  position: relative;
  z-index: 2;
  max-width: 1300px;
  padding: clamp(24px, 5vw, 64px);
  color: #ffffff;
}

/* Title */
.parallax-banner__title {
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.2;
  margin-bottom: 24px;
  font-weight: 400;
  color: #e5c687;
}

/* Bullet list */
.parallax-banner__list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

.parallax-banner__list li {
  position: relative;
  padding-right: 28px;
  margin-bottom: 14px;
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 1.5;
  display: inline-block;
  text-align: right;
}

/* Bullet dot */
.parallax-banner__list li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0.6em;
  width: 8px;
  height: 8px;
  background: #e5c687;
  border-radius: 50%;
}

/* =========================
   MOBILE PARALLAX FIX
========================= */

@media (max-width: 768px) {
  .parallax-banner {
    background-attachment: scroll;
  }
}

.no-mt {
  margin-top: 0px !important;
}

.no-pt {
  padding-top: 0px !important;
}

.five-year-hero-fix {
  --hero-maxw: 1800px;
  --hero-pad: clamp(16px, 2vw, 44px);
  --hero-gap: clamp(18px, 2vw, 44px);
  --hero-minh: clamp(560px, 50vh, 900px);
  --right-img-maxw: 760px;
}

.five-year-hero-fix .custom-container-full-cover {
  width: 100%;
  max-width: var(--hero-maxw);
  margin-inline: auto;
  padding-inline: var(--hero-pad);
  box-sizing: border-box;
}

.five-year-hero-fix .banner-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: var(--hero-gap);
  align-items: stretch;
  min-height: var(--hero-minh);
  width: 100%;
  box-sizing: border-box;
  overflow: visible;
}

@media (max-width: 991.98px) {
  .five-year-hero-fix .banner-wrapper {
    grid-template-columns: 1fr;
    min-height: unset;
  }
}

.five-year-hero-fix .banner-left-wrapper {
  min-height: var(--hero-minh);
  border-radius: 0;
  overflow: hidden;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #0b0b0b;
}

@media (max-width: 991.98px) {
  .five-year-hero-fix .banner-left-wrapper {
    min-height: clamp(360px, 42vh, 520px);
  }
}

@media (min-width: 1600px) {
  .five-year-hero-fix .banner-left-wrapper {
    background-position: center top;
    background-size: contain;
  }
}

.five-year-hero-fix .banner-right-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  overflow: visible;
}

.five-year-hero-fix .banner-right-slide-area {
  width: 100%;
  min-width: 0;
  overflow: visible;
}

.five-year-hero-fix .banner-slider-wrapper,
.five-year-hero-fix .bannerTextSwiper {
  width: 100%;
  min-width: 0;
}

.five-year-hero-fix .swiper-wrapper,
.five-year-hero-fix .swiper-slide {
  min-width: 0;
}

.five-year-hero-fix .banner-slide--item h2 {
  font-size: clamp(28px, 2.1vw, 44px);
  line-height: 1.15;
  overflow-wrap: anywhere;
  word-break: normal;
}

.five-year-hero-fix .banner-slide--item p {
  font-size: clamp(14px, 0.95vw, 18px);
  line-height: 1.35;
}

.five-year-hero-fix .banner-right-modal-image-area {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  overflow: visible;
}

.five-year-hero-fix .banner-right-modal-image-area .hero-image-reveal {
  width: min(100%, var(--right-img-maxw));
}

.five-year-hero-fix .banner-right-modal-image-area img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  aspect-ratio: 626 / 322;
  object-fit: cover;
}

.five-year-hero-fix .hero-image-reveal {
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.five-year-hero-fix .banner-pagination {
  margin-top: clamp(10px, 1vw, 18px);
  position: relative;
  z-index: 2;
}

@media (min-width: 1600px) {
  .five-year-hero-fix .banner-wrapper {
    min-height: clamp(640px, 52vh, 880px);
  }
}

.five-year-hero-fix {
  --hero-gap: 0px;
}

.five-year-hero-fix .banner-wrapper {
  gap: 0 !important;
  column-gap: 0 !important;
}

.five-year-hero-fix .banner-left-wrapper,
.five-year-hero-fix .banner-right-cont {
  margin: 0 !important;
  padding: 0 !important;
}

.five-year-hero-fix .banner-right-slide-area {
  padding-right: 0 !important;
}

.five-year-hero-fix .custom-container-full-cover {
  max-width: var(--hero-maxw, 1800px);
  margin-inline: auto;
  box-sizing: border-box;
}

.five-year-hero-fix .banner-wrapper {
  gap: 0 !important;
  column-gap: 0 !important;
}

.five-year-hero-fix .banner-right-slide-area {
  padding-right: clamp(18px, 2.3vw, 56px) !important;
  padding-left: clamp(14px, 1.6vw, 36px) !important;
  box-sizing: border-box;
}

.cover-five {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.js-hero-title {
  margin-bottom: 120px;
}










/* ===== Section wrapper: contain any overflow ===== */
.fifth-timeline {
  width: 100%;
  max-width: 100%;
  overflow: clip;
  padding: clamp(18px, 3.2vw, 44px) 0;
}

.fifth-timeline__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 36px);
}

/* ===== Indicator ===== */
.fifth-timeline-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(11, 45, 77, .85);
  margin: 0 0 12px 0;
  user-select: none;
}

.fifth-timeline__hint-text {
  font-weight: 400;
  color: #154677;
}

.fifth-timeline-indicator__arrow {
  display: inline-block;
  transform: translateX(0);
  animation: fifthScrollHint 1.3s ease-in-out infinite;
}

@keyframes fifthScrollHint {
  0% {
    transform: translateX(0);
    opacity: .45;
  }

  50% {
    transform: translateX(-8px);
    opacity: 1;
  }

  100% {
    transform: translateX(0);
    opacity: .45;
  }
}

/* ===== Scroller ===== */
.fifth-tg {
  --gap: clamp(14px, 2vw, 28px);
  --h: clamp(360px, 36vw, 520px);

  display: flex !important;
  flex-wrap: nowrap !important;
  gap: var(--gap);

  width: 100%;
  max-width: 100%;
  min-width: 0;

  height: var(--h);

  overflow-x: auto;
  overflow-y: hidden;

  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x;

}

/* ===== Cards ===== */
.fifth-tg__card {
  position: relative;

  flex: 0 0 clamp(120px, 8vw, 160px);
  height: 100%;

  border: 0;
  padding: 0;
  background: transparent;
  text-align: right;

  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  isolation: isolate;

  min-width: 0;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .12);

  transition:
    flex-basis 420ms cubic-bezier(.2, .8, .2, 1),
    transform 320ms cubic-bezier(.2, .8, .2, 1),
    box-shadow 320ms cubic-bezier(.2, .8, .2, 1);
}

.fifth-tg__card:hover {
  transform: translateY(-2px);
}

.fifth-tg__card:focus-visible {
  box-shadow: 0 0 0 3px rgba(0, 129, 251, .35), 0 20px 60px rgba(0, 0, 0, .16);
}

/* Background */
.fifth-tg__media {
  position: absolute;
  inset: 0;
  background-image: var(--img);
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  transition: transform 420ms cubic-bezier(.2, .8, .2, 1), filter 420ms cubic-bezier(.2, .8, .2, 1);
  filter: saturate(.95) contrast(.98);
}

/* Overlay */
.fifth-tg__card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, .08), rgba(0, 0, 0, .36));
  opacity: .35;
  transition: opacity 420ms cubic-bezier(.2, .8, .2, 1);
  pointer-events: none;
}

/* Panel (hidden unless active on desktop) */
.fifth-tg__panel {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;

  padding: clamp(16px, 2vw, 26px);
  background: #1f4c73;
  color: #fff;

  display: grid;
  gap: 10px;

  transform: translateY(110%);
  opacity: 0;

  transition: transform 420ms cubic-bezier(.2, .8, .2, 1), opacity 260ms cubic-bezier(.2, .8, .2, 1);
}

.fifth-tg__date {
  font-size: clamp(22px, 2.6vw, 44px);
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #f1d08b;
}

.fifth-tg__desc {
  font-size: clamp(13px, 1.05vw, 18px);
  opacity: .95;
  overflow-wrap: anywhere;
  font-family: "AktivGrotesk", sans-serif;
  line-height: 1.5;
  font-weight: 400;
}

/* ===== Active expands (layout expansion INSIDE scroller only) ===== */
.fifth-tg__card.is-active {
  flex-basis: min(820px, 70vw);
  /* expands horizontally for readability */
  transform: translateY(-2px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, .16);
  z-index: 2;
}

.fifth-tg__card.is-active .fifth-tg__media {
  transform: scale(1.05);
  filter: saturate(1) contrast(1);
}

.fifth-tg__card.is-active::after {
  opacity: .18;
}

.fifth-tg__card.is-active .fifth-tg__panel {
  transform: translateY(0);
  opacity: 1;
}

/* ===== Responsive ===== */
@media (max-width: 980px) {
  .fifth-tg {
    --h: clamp(320px, 58vw, 460px);
  }

  .fifth-tg__card {
    flex-basis: clamp(120px, 38vw, 210px);
  }

  .fifth-tg__card.is-active {
    flex-basis: min(720px, 88vw);
  }
}

/* ✅ Mobile fixes: ensure section is visible */
@media (max-width: 640px) {
  .fifth-timeline {
    overflow: visible;
  }

  .fifth-timeline__inner {
    padding: 0 16px;
  }

  /* scroller height becomes card height */
  .fifth-tg {
    height: auto;
    padding-bottom: 12px;
  }

  /* Card becomes a grid: image row + panel row */
  .fifth-tg__card {
    flex: 0 0 86vw;
    height: auto;
    display: grid;
    grid-template-rows: 240px auto;
    /* image height + panel */
    border-radius: 10px;
    overflow: hidden;
  }

  /* Image row */
  .fifth-tg__media {
    position: relative;
    /* was absolute */
    inset: auto;
    height: 240px;
    width: 100%;
    border-radius: 0;
    /* card already rounded */
    background-size: cover;
    background-position: center;
  }

  /* Panel row */
  .fifth-tg__panel {
    position: relative;
    /* was absolute */
    right: auto;
    left: auto;
    bottom: auto;
    transform: none;
    opacity: 1;
    border-radius: 0;
  }

  .fifth-tg__card::after {
    display: none;
  }

  /* Don’t expand layout on mobile */
  .fifth-tg__card.is-active {
    flex-basis: 86vw;
    transform: none;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {

  .fifth-tg__card,
  .fifth-tg__media,
  .fifth-tg__panel,
  .fifth-timeline-indicator__arrow {
    transition: none !important;
    animation: none !important;
  }
}

/* MOBILE CUSTOM Responsive */
@media (max-width: 980px) {
  .the-team--card-president-info .the-team-card--items .chairman-info {
    margin-top: 50px;
  }

  .the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-img-box img {
    height: 240px;
    margin-top: 20px;
  }

  .about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-cont-text {
    padding-top: 40px;
  }

  .our-objectives-wrapper .our-objectives {
    padding: 20px;
  }

  .floating-accordion__answer--area .links-list li .cta--btn {
    height: 44px;
  }

  .btn.btn--primary {
    height: 44px;
  }

  .research-centers-feature-articles--section {
    padding-top: 0px !important;
  }

  .news-search-bard-area .search-by-keyword input {
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
  }

  .category-by-filter {
    border-left: 1px solid;
  }

  .fd-deptdd__btn {
    border-right: 1px solid !important;
    border-left: 1px solid !important;
  }

  .news-search-bard-area .search-by-keyword input {
    border-bottom: 0px solid !important;
  }
}

@media (max-width: 520px) {
  .the-team--card-president-info .the-team-card--items .chairman-info {
    margin-top: 50px;
  }

  .the-board-meambers-section .the-board--card-chairman-info .the-board-card--items .card-img-box img {
    height: 240px;
    margin-top: 20px;
  }

  .about-AI-in-uae-section .feature-article-wrapper-section .feature-news-card-item .card-cont-text {
    padding-top: 40px;
  }

  .our-objectives-wrapper .our-objectives {
    padding: 20px;
  }

  .floating-accordion__answer--area .links-list li .cta--btn {
    height: 44px;
  }

  .btn.btn--primary {
    height: 44px;
  }

  .research-centers-feature-articles--section {
    padding-top: 0px !important;
  }

  .news-search-bard-area .search-by-keyword input {
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
  }

  .category-by-filter {
    border-left: 1px solid;
  }

  .fd-deptdd__btn {
    border-right: 1px solid !important;
    border-left: 1px solid !important;
  }

  .news-search-bard-area .search-by-keyword input {
    border-bottom: 0px solid !important;
  }
}






/* =========================
   IMAGE BUTTON + HOVER LABEL
========================= */

.card-img-btn {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}

.card-img {
  display: block;
  width: 100%;
  height: auto;
}

/* Hover overlay text */
.img-hover-label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .55);
  color: #ffffff;
  font-size: 13px;
  font-family: Roboto Mono, monospace;
  letter-spacing: .05em;
  opacity: 0;
  transition: opacity .2s ease;
  pointer-events: none;
}

.card-img-btn:hover .img-hover-label,
.card-img-btn:focus-visible .img-hover-label {
  opacity: 1;
}

/* =========================
   LEARN MORE BUTTON
========================= */

.learn-more-btn {
  all: unset;
  /* removes default button styling */
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  font-family: Roboto Mono, monospace;
  color: #27bf56;
}

.learn-more-btn:hover {
  text-decoration: underline;
}

/* =========================
   SHARED MODAL BASE
========================= */

.mbzuai-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  place-items: center;
  padding: clamp(12px, 2vw, 24px);
}

.mbzuai-modal.is-open {
  display: grid;
}

.mbzuai-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .7);
}

/* =========================
   DESCRIPTION MODAL PANEL
========================= */

.mbzuai-modal__panel {
  position: relative;
  width: min(920px, 92vw);
  max-height: 86vh;
  overflow-y: auto;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}

/* close button */
.mbzuai-modal__close {
  position: sticky;
  top: 0;
  float: left;
  margin: 12px 0 0 12px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: #f1f1f1;
  cursor: pointer;
  font-size: 22px;
  line-height: 38px;
}

/* modal content */
.mbzuai-desc__body {
  padding: 0 18px 18px 18px;
}

.mbzuai-desc__title {
  font-weight: 700;
  font-size: 20px;
  margin: 6px 0 6px;
}

.mbzuai-desc__meta {
  color: #666666;
  margin: 0 0 12px;
}

.mbzuai-desc__desc {
  line-height: 1.6;
}

/* =========================
   IMAGE LIGHTBOX
========================= */

#fifthImgLightbox.mbzuai-modal {
  display: none;
}

#fifthImgLightbox.mbzuai-modal.is-open {
  display: grid;
}

#fifthImgLightbox .mbzuai-img__wrap {
  position: relative;
  width: min(1100px, 92vw);
  max-height: 86vh;
  display: grid;
  place-items: center;
}

#fifthImgLightbox .mbzuai-img__wrap img {
  max-width: 100%;
  max-height: 86vh;
  display: block;
}

/* close button inside image lightbox */
#fifthImgLightbox .mbzuai-modal__close {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: #ffffff;
  cursor: pointer;
  font-size: 22px;
  line-height: 38px;
}

/* =========================================
   Scoped fix: ONLY Graduate Admission hero
   Targets: .banner-wrapper > .banner-left-wrapper > .banner-left-cont > h1.js-hero-title
========================================= */

.banner-wrapper>.banner-left-wrapper>.banner-left-cont>h1.banner-title.js-hero-title {
  width: 100%;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  line-height: 1.05;
  /* margin: 0; */
}

/* Force the 2 spans onto separate lines ONLY in this hero */
.banner-wrapper>.banner-left-wrapper>.banner-left-cont>h1.banner-title.js-hero-title>span.js-title-reveal {
  display: block;
  max-width: 100%;
  white-space: normal;
}

/* Clip only this hero’s reveal overshoot (animations) */
.banner-wrapper>.banner-left-wrapper>.banner-left-cont {
  max-width: calc(100vw - 32px);
  overflow: hidden;
  min-width: 0;
}

/* Responsive font sizing ONLY for this hero title */
@media (max-width: 1024px) {
  .banner-wrapper>.banner-left-wrapper>.banner-left-cont>h1.banner-title.js-hero-title {
    font-size: clamp(28px, 7vw, 56px);
    line-height: 1.08;
  }
}

@media (max-width: 480px) {
  .banner-wrapper>.banner-left-wrapper>.banner-left-cont {
    max-width: calc(100vw - 20px);
  }

  .banner-wrapper>.banner-left-wrapper>.banner-left-cont>h1.banner-title.js-hero-title {
    font-size: clamp(26px, 10vw, 40px);
  }
}

html,
body {
  direction: rtl;
}

.page-transition {
  direction: ltr;
}

/* 12-02-26 */
.btn .btn--arrow,
.upcoming-event--wrapper .eventProgramsSwiper .card-cont-box .btn.btn--send .btn--arrow,
.header-section .header-main .header-main-content .main-navigation ul .arrow--right img {
  transform: rotate(180deg) !important;
}

.tl-arrow--left {
  right: auto;
  left: 16px;
}

.tl-arrow--right {
  left: auto;
  right: 16px;
}

@media (max-width: 980px) {
  .tl-arrow--left {
    right: auto;
    left: 8px;
  }

  .tl-arrow--right {
    left: auto;
    right: 8px;
  }
}

.slider-arrows {
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.sub-menu[data-align="left"] {
  left: 0 !important;
  right: auto !important;
}

.banner-section .js-magnetic-btn {
  max-width: 235px;
}

.ft-100{font-weight: 100 !important;}

.ft-800{font-weight: 800 !important;}

.fm-aktiv{font-family: "AktivGrotesk", sans-serif !important;}

.rais-mlws-page .list-items-box .lists-items li {
    display: flex !important;
    gap: 19px !important;
    align-items: flex-start !important;
    font-family: "Outfit", sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    letter-spacing: 0% !important;
    padding-bottom: 8px !important;
}