@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-left: 18px;
  padding-right: 18px;
  margin-left: 18px;
  margin-right: 18px;
  position: relative;
}
.header-section .header-top-bar .nav-top-bar .lang-items::after {
  content: "";
  position: absolute;
  right: 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;
  left: 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-left: 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-left: 35px !important;
  padding-right: 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: right;
  padding-left: 10px;
  padding-right: 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-left: 10px;
  padding-right: 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;
  left: 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-left: 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: left;
  }
}
.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: left;
  }
}
.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: left;
    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 125px 12px 26px;
  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 167px 11px 29px;
  }
}
.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;
  right: 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 10px 13px 11px;
}
.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;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #E5C687;
}
.footer-section .footer-foot ul.foot-terms-link li a {
  padding-right: 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-left: 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-Bold.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-Bold.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-Bold.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-Bold.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-Bold.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-Bold.svg#AktivGrotesk-Bold") format("svg");
  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-Medium.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-Medium.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-Medium.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-Medium.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-Medium.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-Medium.svg#AktivGrotesk-Medium") format("svg");
  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-Light.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-Light.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-Light.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-Light.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-Light.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-Light.svg#AktivGrotesk-Light") format("svg");
  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-Regular.eot");
  src: url("../../fifth-assets/font/AktivGrotesk-Regular.eot?#iefix") format("embedded-opentype"), url("../../fifth-assets/font/AktivGrotesk-Regular.woff2") format("woff2"), url("../../fifth-assets/font/AktivGrotesk-Regular.woff") format("woff"), url("../../fifth-assets/font/AktivGrotesk-Regular.ttf") format("truetype"), url("../../fifth-assets/font/AktivGrotesk-Regular.svg#AktivGrotesk-Regular") format("svg");
  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-left: auto;
  margin-right: auto;
}

.custom-container-full-cover {
  width: 100%;
  /* max-width: 1920px; */
  margin-left: auto;
  margin-right: 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;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1.5px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  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;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 0;
  background: #E5C687;
  transform: translate(-50%, -50%);
}

.page-transition__progress {
  position: absolute;
  top: 50%;
  left: 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;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
}

/* ===== 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 4px 6px 19px;
}
@media (min-width: 992px) {
  .btn {
    padding: 5px 7px 6px 19px;
  }
}
.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 18.79px 18.79px 20px;
  }
}
.slider-arrows .nevigetion-arrow {
  padding: 3.45px 4.41px 3.56px 3.66px;
  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: cover;
}
.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 37px 0 46px;
  }
}
.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-right: 1px;
}
@media (min-width: 992px) {
  .degree-programs .card-cont-box .cta--btn {
    padding-right: 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;
  left: 19px;
  z-index: 99;
  display: none;
}
@media (min-width: 992px) {
  .historical-place .card-cont-box {
    bottom: 30px;
    left: 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 6px 16px 0px;
}
@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-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 992px) {
  .cta-section .cta-wrapper h2 {
    font-size: 50px;
    text-align: left;
    letter-spacing: -3%;
    max-width: 100%;
    width: 100%;
  }
}

.banner-section {
  background: #E5C687;
  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%;
  left: 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: flex-end;
  flex-direction: column;
}
.banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont {
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-left-wrapper .banner-left-cont {
    padding-left: 73px;
    padding-right: 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 30px 0px 28px;
  height: 240px;
}
@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area {
    padding: 51px 0px 0px 35px;
    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;
  right: 27px;
  padding: 0 27px 29px 0;
}
@media (min-width: 992px) {
  .banner-section .banner-wrapper .banner-right-cont .banner-right-slide-area .banner-pagination {
    bottom: 0px;
    right: 35px;
    padding: 0 35px 51px 0;
  }
}
.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-right: 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: 87.63px !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-right: 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-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .socials-feed-section .socials-lists {
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 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;
  right: 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-right: 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-right: 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 120px 0 0;
}
.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 80px 0 0;
  }
  .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 25px 34px 26px;
}
@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: left;
}

.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;
  left: 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: 440px;
  }
}
.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;
  left: 0;
  right: 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 14px 12px 23px;
}
@media (min-width: 992px) {
  .journey-item.is-active .journey-content {
    height: 177px;
    padding: 30px 45px 12px 75px;
  }
}

.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;
  left: 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-left: 23px;
}
@media (min-width: 992px) {
  .about-AI-in-uae-section .section-title-right-cont .download-article-lists li p {
    font-size: 20px;
    padding-left: 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 37px 0 46px;
  }
}
.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;
  right: 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 36px 50px 46px;
    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 54px 40px 94px;
    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 56px 40px 70px;
    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 21px 30px 23px;
}
@media (min-width: 992px) {
  .why-chose-us-section .why-choose-us-wrapper .why-us-card-item .card-cont {
    min-height: 138px;
    padding: 26px 34px 41px 28px;
  }
}
.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 21px 30px 23px;
}
@media (min-width: 992px) {
  .why-chose-us-section .why-choose-us-wrapper .why-us-card-item:hover .card-cont {
    min-height: 193px;
    padding: 26px 34px 41px 28px;
  }
}
.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-left: 0;
  padding-right: 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: left;
}
.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-left: 0;
  padding-right: 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%;
  left: 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 34px 51px 0px;
  }
}
.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 22px 44px 28px;
  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 34px 35px 0px;
    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;
    left: 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;
  right: 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;
  left: 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;
  left: 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;
    left: 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-left: 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 30px 30px 26px;
}
@media (min-width: 992px) {
  .why-wbzuai-section .why-wbzuai-wrapper-cont--area .why-wbzuai-left-cont {
    padding: 83px 70px 69px 71px;
  }
}
.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;
  left: 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: left;
  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-left: 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;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.form-field.has-icon .field-icon-right {
  position: absolute;
  right: 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-left: 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 18px 15px 27px;
  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-right: 44px;
}
.select .arrow {
  position: absolute;
  right: 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 15px 7px 19px;
  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 6px 20px 21px;
}
@media (min-width: 992px) {
  .latest-university-news-section .latest-university-news-grid--area .latest-university-news-cards---item .news-card-cont {
    padding: 36px 43px 35px 40px;
  }
}
.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;
    right: 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;
  left: 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;
  left: 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 50px 18.5px 12px;
}
@media (min-width: 992px) {
  .news-search-bard-area .search-by-keyword input {
    padding: 32px 80px 30px 78px;
  }
}
.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;
  right: 16px;
  margin-top: auto;
  margin-bottom: auto;
  width: 34px;
  height: 34px;
}
@media (min-width: 992px) {
  .news-search-bard-area .search-by-keyword img {
    right: 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 50px 18.5px 12px;
}
@media (min-width: 992px) {
  .news-search-bard-area .category-by-filter {
    padding: 32px 80px 32px 78px;
  }
}
.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: left;
  line-height: 120%;
  letter-spacing: -3%;
  color: #154677;
}
.news-search-bard-area .category-by-filter span {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 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;
    right: 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 82px 55px 52px;
  }
}
.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;
  left: 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 14px 26px 19px;
  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;
  right: 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;
    right: 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;
  left: 24px;
}
@media (min-width: 992px) {
  .slider-nevigetion-pegination {
    gap: 16px;
    left: 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 27px 50px 30px;
}
.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-left: 54px;
    padding-right: 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;
  left: 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;
  left: 8px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: rgba(0, 48, 87, 0.15);
}
.timeline-rail-progress {
  position: absolute;
  top: 0;
  left: 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: left;
  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 120px 0 0;
}
.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;
  left: 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;
  left: 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: left;
  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;
  left: -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;
    left: -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;
  left: 10px;
  bottom: -10px;
}
@media (min-width: 992px) {
  .the-user-info-card--items .card-img-box::before {
    max-width: 100%;
    height: 301px;
    left: -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;
  }
}

/*# sourceMappingURL=main.css.map */

.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{ left: -16px; }
  .tl-arrow--right{ right: -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;
    left: 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{ left: 8px; }
    .tl-arrow--right{ right: 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 {left: 34%;}
    .program-item__cta{margin-top: 0px;}
    .program-item__left{gap: 117px;}
    .meet-the-intern-section[data-interns-slider] .interns-card__video{padding-left: 0px !important;}
    .section-title-box-interns{padding-bottom: 45px !important;}
    .news-search-bard-area .search-by-keyword input {border-bottom: 0px;border-right: 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 {left: 34%;}
    .program-item__cta{margin-top: 0px;}
    .program-item__left{gap: 117px;}
    .meet-the-intern-section[data-interns-slider] .interns-card__video{padding-left: 0px !important;}
    .section-title-box-interns{padding-bottom: 45px !important;}
    .news-search-bard-area .search-by-keyword input {border-bottom: 0px;border-right: 0px;}
    .fd-deptdd__icon{width: 34px !important; height: 34px !important;}
    .main-navigation .nav-menu > li > .sub-menu a {
        color: #154677 !important;
        padding-left: 10px !important;
        padding-right: 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);
    left: 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-left: 6px;
    opacity: .6;
  }
}

.links-list{
  display: flex;
  justify-content: center;   /* center horizontally */
  align-items: center;
  gap: 20px;                 /* space between buttons */
  padding: 0;
  margin-left: auto;
  margin-right: 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;
  left: 16px;
  right: 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;
  left: 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: left;
  }

  .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{
    left: 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{
    left: 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%;
    left: 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: 10px 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"] {
    left: auto;
    right: 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-right: 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);
    left: 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: left !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;
    left: 18px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-left: 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 {
    left: auto;
    right: 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;
  right: 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-left: 26px;
  position: relative;
}

.bullet-point::before {
  content: "";
  position: absolute;
  left: 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-left: 26px;
  position: relative;
}

.tl-desc::before {
  content: "";
  position: absolute;
  left: 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-left: 0 !important;
  margin-right: 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-left: auto !important;
  margin-right: 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: left;
  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-left: 0px;
  border-right: 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: left;
  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-left: 2.65rem; /* indent under parent li */
}

/* Each nested LI */
.section-title-right-cont .list-items-box ul ul > li {
  position: relative;
  padding-left: 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;
  left: 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-left: 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-left: 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-right: 1px solid rgba(0,0,0,0.12);
}

/* Remove last divider */
.nqf-plo-table thead th:last-child{
  border-right: 0;
}

/* Body cells */
.nqf-plo-table td{
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  border-right: 1px solid rgba(0,0,0,0.12);
  vertical-align: middle;
  white-space: nowrap;
}

/* Remove last divider */
.nqf-plo-table td:last-child{
  border-right: 0;
}

/* Alignment */
.nqf-plo-table td:first-child{
  text-align: left;
  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: left;
}

[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: left;
}
[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-right: 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: left;
  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: left;
}

.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-right: 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: left;
  }

  .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-left: 0px; border-right: 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-left: 0;
  border-right: 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 25px 30px 75px;

  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: left;
}

/* icon pinned right */
[data-faculty-directory] .fd-deptdd__icon{
  flex: 0 0 auto;
  margin-left: 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;
  left: 0;
  right: 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: left;

  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-left: 28px;
  margin-bottom: 14px;
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 1.5;
  display: inline-block;
  text-align: left;
}

/* Bullet dot */
.parallax-banner__list li::before {
  content: "";
  position: absolute;
  left: 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-left: 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-left: clamp(18px, 2.3vw, 56px) !important;
  padding-right: clamp(14px, 1.6vw, 36px) !important;
  box-sizing: border-box;
}

.cover-five{
    padding-left: 0px !important;
    padding-right: 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: left;

  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;
  left: 0;
  right: 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 */
    left: auto; right: 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-left: 1px solid;border-right: 1px solid;}
    .category-by-filter{border-right: 1px solid;}
    .fd-deptdd__btn{border-left: 1px solid !important;border-right: 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-left: 1px solid;border-right: 1px solid;}
    .category-by-filter{border-right: 1px solid;}
    .fd-deptdd__btn{border-left: 1px solid !important;border-right: 1px solid !important;}
    .news-search-bard-area .search-by-keyword input {border-bottom: 0px solid !important;}
  }