/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./app/globals.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.p-1 {
  padding: 1px;
}

.m-1 {
  margin: 1px;
}

.gap-1 {
  gap: 1px;
}

.h-1px {
  height: 1px;
}

.w-1px {
  width: 1px;
}

.p-2 {
  padding: 2px;
}

.m-2 {
  margin: 2px;
}

.gap-2 {
  gap: 2px;
}

.h-2px {
  height: 2px;
}

.w-2px {
  width: 2px;
}

.p-3 {
  padding: 3px;
}

.m-3 {
  margin: 3px;
}

.gap-3 {
  gap: 3px;
}

.h-3px {
  height: 3px;
}

.w-3px {
  width: 3px;
}

.p-4 {
  padding: 4px;
}

.m-4 {
  margin: 4px;
}

.gap-4 {
  gap: 4px;
}

.h-4px {
  height: 4px;
}

.w-4px {
  width: 4px;
}

.p-5 {
  padding: 5px;
}

.m-5 {
  margin: 5px;
}

.gap-5 {
  gap: 5px;
}

.h-5px {
  height: 5px;
}

.w-5px {
  width: 5px;
}

.p-6 {
  padding: 6px;
}

.m-6 {
  margin: 6px;
}

.gap-6 {
  gap: 6px;
}

.h-6px {
  height: 6px;
}

.w-6px {
  width: 6px;
}

.p-7 {
  padding: 7px;
}

.m-7 {
  margin: 7px;
}

.gap-7 {
  gap: 7px;
}

.h-7px {
  height: 7px;
}

.w-7px {
  width: 7px;
}

.p-8 {
  padding: 8px;
}

.m-8 {
  margin: 8px;
}

.gap-8 {
  gap: 8px;
}

.h-8px {
  height: 8px;
}

.w-8px {
  width: 8px;
}

.p-9 {
  padding: 9px;
}

.m-9 {
  margin: 9px;
}

.gap-9 {
  gap: 9px;
}

.h-9px {
  height: 9px;
}

.w-9px {
  width: 9px;
}

.p-10 {
  padding: 10px;
}

.m-10 {
  margin: 10px;
}

.gap-10 {
  gap: 10px;
}

.h-10px {
  height: 10px;
}

.w-10px {
  width: 10px;
}

.p-11 {
  padding: 11px;
}

.m-11 {
  margin: 11px;
}

.gap-11 {
  gap: 11px;
}

.h-11px {
  height: 11px;
}

.w-11px {
  width: 11px;
}

.p-12 {
  padding: 12px;
}

.m-12 {
  margin: 12px;
}

.gap-12 {
  gap: 12px;
}

.h-12px {
  height: 12px;
}

.w-12px {
  width: 12px;
}

.p-13 {
  padding: 13px;
}

.m-13 {
  margin: 13px;
}

.gap-13 {
  gap: 13px;
}

.h-13px {
  height: 13px;
}

.w-13px {
  width: 13px;
}

.p-14 {
  padding: 14px;
}

.m-14 {
  margin: 14px;
}

.gap-14 {
  gap: 14px;
}

.h-14px {
  height: 14px;
}

.w-14px {
  width: 14px;
}

.p-15 {
  padding: 15px;
}

.m-15 {
  margin: 15px;
}

.gap-15 {
  gap: 15px;
}

.h-15px {
  height: 15px;
}

.w-15px {
  width: 15px;
}

.p-16 {
  padding: 16px;
}

.m-16 {
  margin: 16px;
}

.gap-16 {
  gap: 16px;
}

.h-16px {
  height: 16px;
}

.w-16px {
  width: 16px;
}

.p-17 {
  padding: 17px;
}

.m-17 {
  margin: 17px;
}

.gap-17 {
  gap: 17px;
}

.h-17px {
  height: 17px;
}

.w-17px {
  width: 17px;
}

.p-18 {
  padding: 18px;
}

.m-18 {
  margin: 18px;
}

.gap-18 {
  gap: 18px;
}

.h-18px {
  height: 18px;
}

.w-18px {
  width: 18px;
}

.p-19 {
  padding: 19px;
}

.m-19 {
  margin: 19px;
}

.gap-19 {
  gap: 19px;
}

.h-19px {
  height: 19px;
}

.w-19px {
  width: 19px;
}

.p-20 {
  padding: 20px;
}

.m-20 {
  margin: 20px;
}

.gap-20 {
  gap: 20px;
}

.h-20px {
  height: 20px;
}

.w-20px {
  width: 20px;
}

.p-21 {
  padding: 21px;
}

.m-21 {
  margin: 21px;
}

.gap-21 {
  gap: 21px;
}

.h-21px {
  height: 21px;
}

.w-21px {
  width: 21px;
}

.p-22 {
  padding: 22px;
}

.m-22 {
  margin: 22px;
}

.gap-22 {
  gap: 22px;
}

.h-22px {
  height: 22px;
}

.w-22px {
  width: 22px;
}

.p-23 {
  padding: 23px;
}

.m-23 {
  margin: 23px;
}

.gap-23 {
  gap: 23px;
}

.h-23px {
  height: 23px;
}

.w-23px {
  width: 23px;
}

.p-24 {
  padding: 24px;
}

.m-24 {
  margin: 24px;
}

.gap-24 {
  gap: 24px;
}

.h-24px {
  height: 24px;
}

.w-24px {
  width: 24px;
}

.p-25 {
  padding: 25px;
}

.m-25 {
  margin: 25px;
}

.gap-25 {
  gap: 25px;
}

.h-25px {
  height: 25px;
}

.w-25px {
  width: 25px;
}

.p-26 {
  padding: 26px;
}

.m-26 {
  margin: 26px;
}

.gap-26 {
  gap: 26px;
}

.h-26px {
  height: 26px;
}

.w-26px {
  width: 26px;
}

.p-27 {
  padding: 27px;
}

.m-27 {
  margin: 27px;
}

.gap-27 {
  gap: 27px;
}

.h-27px {
  height: 27px;
}

.w-27px {
  width: 27px;
}

.p-28 {
  padding: 28px;
}

.m-28 {
  margin: 28px;
}

.gap-28 {
  gap: 28px;
}

.h-28px {
  height: 28px;
}

.w-28px {
  width: 28px;
}

.p-29 {
  padding: 29px;
}

.m-29 {
  margin: 29px;
}

.gap-29 {
  gap: 29px;
}

.h-29px {
  height: 29px;
}

.w-29px {
  width: 29px;
}

.p-30 {
  padding: 30px;
}

.m-30 {
  margin: 30px;
}

.gap-30 {
  gap: 30px;
}

.h-30px {
  height: 30px;
}

.w-30px {
  width: 30px;
}

.p-31 {
  padding: 31px;
}

.m-31 {
  margin: 31px;
}

.gap-31 {
  gap: 31px;
}

.h-31px {
  height: 31px;
}

.w-31px {
  width: 31px;
}

.p-32 {
  padding: 32px;
}

.m-32 {
  margin: 32px;
}

.gap-32 {
  gap: 32px;
}

.h-32px {
  height: 32px;
}

.w-32px {
  width: 32px;
}

.p-33 {
  padding: 33px;
}

.m-33 {
  margin: 33px;
}

.gap-33 {
  gap: 33px;
}

.h-33px {
  height: 33px;
}

.w-33px {
  width: 33px;
}

.p-34 {
  padding: 34px;
}

.m-34 {
  margin: 34px;
}

.gap-34 {
  gap: 34px;
}

.h-34px {
  height: 34px;
}

.w-34px {
  width: 34px;
}

.p-35 {
  padding: 35px;
}

.m-35 {
  margin: 35px;
}

.gap-35 {
  gap: 35px;
}

.h-35px {
  height: 35px;
}

.w-35px {
  width: 35px;
}

.p-36 {
  padding: 36px;
}

.m-36 {
  margin: 36px;
}

.gap-36 {
  gap: 36px;
}

.h-36px {
  height: 36px;
}

.w-36px {
  width: 36px;
}

.p-37 {
  padding: 37px;
}

.m-37 {
  margin: 37px;
}

.gap-37 {
  gap: 37px;
}

.h-37px {
  height: 37px;
}

.w-37px {
  width: 37px;
}

.p-38 {
  padding: 38px;
}

.m-38 {
  margin: 38px;
}

.gap-38 {
  gap: 38px;
}

.h-38px {
  height: 38px;
}

.w-38px {
  width: 38px;
}

.p-39 {
  padding: 39px;
}

.m-39 {
  margin: 39px;
}

.gap-39 {
  gap: 39px;
}

.h-39px {
  height: 39px;
}

.w-39px {
  width: 39px;
}

.p-40 {
  padding: 40px;
}

.m-40 {
  margin: 40px;
}

.gap-40 {
  gap: 40px;
}

.h-40px {
  height: 40px;
}

.w-40px {
  width: 40px;
}

.p-41 {
  padding: 41px;
}

.m-41 {
  margin: 41px;
}

.gap-41 {
  gap: 41px;
}

.h-41px {
  height: 41px;
}

.w-41px {
  width: 41px;
}

.p-42 {
  padding: 42px;
}

.m-42 {
  margin: 42px;
}

.gap-42 {
  gap: 42px;
}

.h-42px {
  height: 42px;
}

.w-42px {
  width: 42px;
}

.p-43 {
  padding: 43px;
}

.m-43 {
  margin: 43px;
}

.gap-43 {
  gap: 43px;
}

.h-43px {
  height: 43px;
}

.w-43px {
  width: 43px;
}

.p-44 {
  padding: 44px;
}

.m-44 {
  margin: 44px;
}

.gap-44 {
  gap: 44px;
}

.h-44px {
  height: 44px;
}

.w-44px {
  width: 44px;
}

.p-45 {
  padding: 45px;
}

.m-45 {
  margin: 45px;
}

.gap-45 {
  gap: 45px;
}

.h-45px {
  height: 45px;
}

.w-45px {
  width: 45px;
}

.p-46 {
  padding: 46px;
}

.m-46 {
  margin: 46px;
}

.gap-46 {
  gap: 46px;
}

.h-46px {
  height: 46px;
}

.w-46px {
  width: 46px;
}

.p-47 {
  padding: 47px;
}

.m-47 {
  margin: 47px;
}

.gap-47 {
  gap: 47px;
}

.h-47px {
  height: 47px;
}

.w-47px {
  width: 47px;
}

.p-48 {
  padding: 48px;
}

.m-48 {
  margin: 48px;
}

.gap-48 {
  gap: 48px;
}

.h-48px {
  height: 48px;
}

.w-48px {
  width: 48px;
}

.p-49 {
  padding: 49px;
}

.m-49 {
  margin: 49px;
}

.gap-49 {
  gap: 49px;
}

.h-49px {
  height: 49px;
}

.w-49px {
  width: 49px;
}

.p-50 {
  padding: 50px;
}

.m-50 {
  margin: 50px;
}

.gap-50 {
  gap: 50px;
}

.h-50px {
  height: 50px;
}

.w-50px {
  width: 50px;
}

.p-51 {
  padding: 51px;
}

.m-51 {
  margin: 51px;
}

.gap-51 {
  gap: 51px;
}

.h-51px {
  height: 51px;
}

.w-51px {
  width: 51px;
}

.p-52 {
  padding: 52px;
}

.m-52 {
  margin: 52px;
}

.gap-52 {
  gap: 52px;
}

.h-52px {
  height: 52px;
}

.w-52px {
  width: 52px;
}

.p-53 {
  padding: 53px;
}

.m-53 {
  margin: 53px;
}

.gap-53 {
  gap: 53px;
}

.h-53px {
  height: 53px;
}

.w-53px {
  width: 53px;
}

.p-54 {
  padding: 54px;
}

.m-54 {
  margin: 54px;
}

.gap-54 {
  gap: 54px;
}

.h-54px {
  height: 54px;
}

.w-54px {
  width: 54px;
}

.p-55 {
  padding: 55px;
}

.m-55 {
  margin: 55px;
}

.gap-55 {
  gap: 55px;
}

.h-55px {
  height: 55px;
}

.w-55px {
  width: 55px;
}

.p-56 {
  padding: 56px;
}

.m-56 {
  margin: 56px;
}

.gap-56 {
  gap: 56px;
}

.h-56px {
  height: 56px;
}

.w-56px {
  width: 56px;
}

.p-57 {
  padding: 57px;
}

.m-57 {
  margin: 57px;
}

.gap-57 {
  gap: 57px;
}

.h-57px {
  height: 57px;
}

.w-57px {
  width: 57px;
}

.p-58 {
  padding: 58px;
}

.m-58 {
  margin: 58px;
}

.gap-58 {
  gap: 58px;
}

.h-58px {
  height: 58px;
}

.w-58px {
  width: 58px;
}

.p-59 {
  padding: 59px;
}

.m-59 {
  margin: 59px;
}

.gap-59 {
  gap: 59px;
}

.h-59px {
  height: 59px;
}

.w-59px {
  width: 59px;
}

.p-60 {
  padding: 60px;
}

.m-60 {
  margin: 60px;
}

.gap-60 {
  gap: 60px;
}

.h-60px {
  height: 60px;
}

.w-60px {
  width: 60px;
}

.p-61 {
  padding: 61px;
}

.m-61 {
  margin: 61px;
}

.gap-61 {
  gap: 61px;
}

.h-61px {
  height: 61px;
}

.w-61px {
  width: 61px;
}

.p-62 {
  padding: 62px;
}

.m-62 {
  margin: 62px;
}

.gap-62 {
  gap: 62px;
}

.h-62px {
  height: 62px;
}

.w-62px {
  width: 62px;
}

.p-63 {
  padding: 63px;
}

.m-63 {
  margin: 63px;
}

.gap-63 {
  gap: 63px;
}

.h-63px {
  height: 63px;
}

.w-63px {
  width: 63px;
}

.p-64 {
  padding: 64px;
}

.m-64 {
  margin: 64px;
}

.gap-64 {
  gap: 64px;
}

.h-64px {
  height: 64px;
}

.w-64px {
  width: 64px;
}

.p-65 {
  padding: 65px;
}

.m-65 {
  margin: 65px;
}

.gap-65 {
  gap: 65px;
}

.h-65px {
  height: 65px;
}

.w-65px {
  width: 65px;
}

.p-66 {
  padding: 66px;
}

.m-66 {
  margin: 66px;
}

.gap-66 {
  gap: 66px;
}

.h-66px {
  height: 66px;
}

.w-66px {
  width: 66px;
}

.p-67 {
  padding: 67px;
}

.m-67 {
  margin: 67px;
}

.gap-67 {
  gap: 67px;
}

.h-67px {
  height: 67px;
}

.w-67px {
  width: 67px;
}

.p-68 {
  padding: 68px;
}

.m-68 {
  margin: 68px;
}

.gap-68 {
  gap: 68px;
}

.h-68px {
  height: 68px;
}

.w-68px {
  width: 68px;
}

.p-69 {
  padding: 69px;
}

.m-69 {
  margin: 69px;
}

.gap-69 {
  gap: 69px;
}

.h-69px {
  height: 69px;
}

.w-69px {
  width: 69px;
}

.p-70 {
  padding: 70px;
}

.m-70 {
  margin: 70px;
}

.gap-70 {
  gap: 70px;
}

.h-70px {
  height: 70px;
}

.w-70px {
  width: 70px;
}

.p-71 {
  padding: 71px;
}

.m-71 {
  margin: 71px;
}

.gap-71 {
  gap: 71px;
}

.h-71px {
  height: 71px;
}

.w-71px {
  width: 71px;
}

.p-72 {
  padding: 72px;
}

.m-72 {
  margin: 72px;
}

.gap-72 {
  gap: 72px;
}

.h-72px {
  height: 72px;
}

.w-72px {
  width: 72px;
}

.p-73 {
  padding: 73px;
}

.m-73 {
  margin: 73px;
}

.gap-73 {
  gap: 73px;
}

.h-73px {
  height: 73px;
}

.w-73px {
  width: 73px;
}

.p-74 {
  padding: 74px;
}

.m-74 {
  margin: 74px;
}

.gap-74 {
  gap: 74px;
}

.h-74px {
  height: 74px;
}

.w-74px {
  width: 74px;
}

.p-75 {
  padding: 75px;
}

.m-75 {
  margin: 75px;
}

.gap-75 {
  gap: 75px;
}

.h-75px {
  height: 75px;
}

.w-75px {
  width: 75px;
}

.p-76 {
  padding: 76px;
}

.m-76 {
  margin: 76px;
}

.gap-76 {
  gap: 76px;
}

.h-76px {
  height: 76px;
}

.w-76px {
  width: 76px;
}

.p-77 {
  padding: 77px;
}

.m-77 {
  margin: 77px;
}

.gap-77 {
  gap: 77px;
}

.h-77px {
  height: 77px;
}

.w-77px {
  width: 77px;
}

.p-78 {
  padding: 78px;
}

.m-78 {
  margin: 78px;
}

.gap-78 {
  gap: 78px;
}

.h-78px {
  height: 78px;
}

.w-78px {
  width: 78px;
}

.p-79 {
  padding: 79px;
}

.m-79 {
  margin: 79px;
}

.gap-79 {
  gap: 79px;
}

.h-79px {
  height: 79px;
}

.w-79px {
  width: 79px;
}

.p-80 {
  padding: 80px;
}

.m-80 {
  margin: 80px;
}

.gap-80 {
  gap: 80px;
}

.h-80px {
  height: 80px;
}

.w-80px {
  width: 80px;
}

.p-81 {
  padding: 81px;
}

.m-81 {
  margin: 81px;
}

.gap-81 {
  gap: 81px;
}

.h-81px {
  height: 81px;
}

.w-81px {
  width: 81px;
}

.p-82 {
  padding: 82px;
}

.m-82 {
  margin: 82px;
}

.gap-82 {
  gap: 82px;
}

.h-82px {
  height: 82px;
}

.w-82px {
  width: 82px;
}

.p-83 {
  padding: 83px;
}

.m-83 {
  margin: 83px;
}

.gap-83 {
  gap: 83px;
}

.h-83px {
  height: 83px;
}

.w-83px {
  width: 83px;
}

.p-84 {
  padding: 84px;
}

.m-84 {
  margin: 84px;
}

.gap-84 {
  gap: 84px;
}

.h-84px {
  height: 84px;
}

.w-84px {
  width: 84px;
}

.p-85 {
  padding: 85px;
}

.m-85 {
  margin: 85px;
}

.gap-85 {
  gap: 85px;
}

.h-85px {
  height: 85px;
}

.w-85px {
  width: 85px;
}

.p-86 {
  padding: 86px;
}

.m-86 {
  margin: 86px;
}

.gap-86 {
  gap: 86px;
}

.h-86px {
  height: 86px;
}

.w-86px {
  width: 86px;
}

.p-87 {
  padding: 87px;
}

.m-87 {
  margin: 87px;
}

.gap-87 {
  gap: 87px;
}

.h-87px {
  height: 87px;
}

.w-87px {
  width: 87px;
}

.p-88 {
  padding: 88px;
}

.m-88 {
  margin: 88px;
}

.gap-88 {
  gap: 88px;
}

.h-88px {
  height: 88px;
}

.w-88px {
  width: 88px;
}

.p-89 {
  padding: 89px;
}

.m-89 {
  margin: 89px;
}

.gap-89 {
  gap: 89px;
}

.h-89px {
  height: 89px;
}

.w-89px {
  width: 89px;
}

.p-90 {
  padding: 90px;
}

.m-90 {
  margin: 90px;
}

.gap-90 {
  gap: 90px;
}

.h-90px {
  height: 90px;
}

.w-90px {
  width: 90px;
}

.p-91 {
  padding: 91px;
}

.m-91 {
  margin: 91px;
}

.gap-91 {
  gap: 91px;
}

.h-91px {
  height: 91px;
}

.w-91px {
  width: 91px;
}

.p-92 {
  padding: 92px;
}

.m-92 {
  margin: 92px;
}

.gap-92 {
  gap: 92px;
}

.h-92px {
  height: 92px;
}

.w-92px {
  width: 92px;
}

.p-93 {
  padding: 93px;
}

.m-93 {
  margin: 93px;
}

.gap-93 {
  gap: 93px;
}

.h-93px {
  height: 93px;
}

.w-93px {
  width: 93px;
}

.p-94 {
  padding: 94px;
}

.m-94 {
  margin: 94px;
}

.gap-94 {
  gap: 94px;
}

.h-94px {
  height: 94px;
}

.w-94px {
  width: 94px;
}

.p-95 {
  padding: 95px;
}

.m-95 {
  margin: 95px;
}

.gap-95 {
  gap: 95px;
}

.h-95px {
  height: 95px;
}

.w-95px {
  width: 95px;
}

.p-96 {
  padding: 96px;
}

.m-96 {
  margin: 96px;
}

.gap-96 {
  gap: 96px;
}

.h-96px {
  height: 96px;
}

.w-96px {
  width: 96px;
}

.p-97 {
  padding: 97px;
}

.m-97 {
  margin: 97px;
}

.gap-97 {
  gap: 97px;
}

.h-97px {
  height: 97px;
}

.w-97px {
  width: 97px;
}

.p-98 {
  padding: 98px;
}

.m-98 {
  margin: 98px;
}

.gap-98 {
  gap: 98px;
}

.h-98px {
  height: 98px;
}

.w-98px {
  width: 98px;
}

.p-99 {
  padding: 99px;
}

.m-99 {
  margin: 99px;
}

.gap-99 {
  gap: 99px;
}

.h-99px {
  height: 99px;
}

.w-99px {
  width: 99px;
}

.p-100 {
  padding: 100px;
}

.m-100 {
  margin: 100px;
}

.gap-100 {
  gap: 100px;
}

.h-100px {
  height: 100px;
}

.w-100px {
  width: 100px;
}

:root {
  --font-avenir-next-regular: "AvenirNextRegular";
  --font-avenir-next-bold: "AvenirNextBold";
  --font-avenir-next-demibold: "AvenirNextDemiBold";
  --font-avenir-next-medium: "AvenirNextMedium";
}

.font-regular {
  font-family: var(--font-avenir-next-regular);
  font-weight: normal;
}

.font-bold {
  font-family: var(--font-avenir-next-bold);
  font-weight: bold;
}

.font-demibold {
  font-family: var(--font-avenir-next-demibold);
  font-weight: 600;
}

.font-medium {
  font-family: var(--font-avenir-next-medium);
  font-weight: 500;
}

/* Example global styles */
body {
  font-family: var(--font-avenir-next-regular);
  background-color: #202020 !important;
}

.wufoo-letter {
  animation: kaboom 1s ease alternate infinite;
}
.wufoo-letter:nth-child(2) {
  animation-delay: 0.2s;
}
.wufoo-letter:nth-child(3) {
  animation-delay: 0.3s;
}
.wufoo-letter:nth-child(4) {
  animation-delay: 0.4s;
}
.wufoo-letter:nth-child(5) {
  animation-delay: 0.5s;
}
.wufoo-letter:nth-child(6) {
  animation-delay: 0.5s;
}

@keyframes kaboom {
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; /* Safari và Chrome */
}

.wrapper {
  display: flex;
  gap: 24px;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 60px 80px 0 80px;
}

.flex-c {
  display: flex;
  flex-direction: column;
}

.flex-r {
  display: flex;
  flex-direction: row;
}

.gk-header {
  background-color: #202020;
  color: #9e9e9e;
  border-bottom: 0.5px solid #333533;
}

/* Parent selector for the menu */
.gk-header-menu {
  display: flex;
  flex-direction: row;
}
.gk-header-menu .gk-menu-list {
  display: flex;
  flex-direction: row;
  list-style: none;
  justify-content: space-between;
  align-items: center;
}
.gk-header-menu .gk-menu-list li .gk-menu-item {
  color: #9e9e9e;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  padding: 0px 18px;
}
.gk-header-menu .gk-menu-list li .gk-menu-item:hover {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #fff;
}
.gk-header-menu .gk-menu-list li .gk-menu-item:active {
  font-family: var(--primary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #fff;
}
.gk-header-menu .gk-menu-mb .gk-menu-mb--btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: none;
  border: none;
  border-radius: 0;
  color: white;
  font-size: 16px;
  font-weight: 300;
  margin: 16px 0;
  cursor: pointer;
  transition: color 0.3s ease;
  border-bottom: 1px solid #9e9e9e;
  width: 100%;
  text-align: left;
  padding: 20px 0;
}
.gk-header-menu .gk-menu-mb .gk-menu-mb--btn:hover {
  font-weight: 600;
  background-color: #202020;
}
.gk-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  padding: 0;
}
.gk-menu-item .gk-menu-item.active {
  font-weight: 900;
  color: #fff;
  background-color: #202020;
}
.gk-menu-item .gk-menu-item--icon {
  font-size: 24px;
}
.gk-menu-item .gk-menu-item--text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
}

.hero-section {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 0px;
}
.hero-section Video-iframe {
  border-radius: 10px;
}

.hero-video-overlay .show-image-overlay, .hero-video-overlay .show-video-overlay {
  transition: opacity 1s ease-in-out, transform 0.5s ease-in-out;
}
.hero-video-overlay .show-image-overlay {
  opacity: 1;
  display: block;
  height: 100%;
  width: 100%;
}
.hero-video-overlay .show-image-overlay.loaded {
  opacity: 0;
  pointer-events: none;
  display: none;
}
.hero-video-overlay .show-video-overlay {
  opacity: 0;
  pointer-events: none;
  height: 100%;
  width: 100%;
  top: 0px;
  overflow: hidden;
  display: none;
}
.hero-video-overlay .show-video-overlay.loaded {
  opacity: 1;
  pointer-events: all;
  display: block;
}
.hero-video-overlay .show-video-overlay #video-gkim {
  height: 100%;
  object-fit: fill;
}
.hero-video-overlay .hero-video {
  border-radius: 10px;
}
.hero-video-overlay .hero-video .loaded {
  display: none;
  transition: all 3s;
}
.hero-video-overlay .hero-video-playbtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 66px;
  height: 66px;
}

.overlay-modal {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.overlay-modal .overlay-modal-content {
  background-color: #202020;
  border-radius: 10px;
  padding: 20px;
  position: relative;
}
.overlay-modal .overlay-modal-content .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.close-button-video {
  position: absolute;
  top: 100px;
  right: 90px;
  cursor: pointer;
  font-size: 24px;
  font-weight: 900;
  color: white;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.gk-AboutUs_Section .gk-AboutUs_Section_Text .gk-AboutUs_Section-title {
  letter-spacing: -0.01em;
  text-align: left;
  color: #E56550;
  font-weight: 600;
}
.gk-AboutUs_Section .gk-AboutUs_Section_Text .gk-AboutUs_Section-subTile {
  letter-spacing: -0.01em;
}
.gk-AboutUs_Section .gk-AboutUs_Section_Text .gk-AboutUs_Section-desc {
  margin-top: 16px;
  font-size: 16px;
}
.gk-AboutUs_Section .gk-about-us-founder-card {
  gap: 24px;
}
.gk-AboutUs_Section .gk-about-us-member-image {
  gap: 0px;
  border-radius: 2px 0px 0px 0px;
  border: 0px 0px 0px 8px;
  border-right: 8px solid #ffdd00;
  max-height: 356px;
}
.gk-AboutUs_Section .gk-about-us-member-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: -50% 50%;
  border-radius: 2px 0px 0px 0px;
}

.item-card--cover {
  position: relative;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  padding: 28px 24px;
  min-height: 150px;
  transition: min-height 0.5s ease-out;
}
.item-card--cover:hover {
  border-radius: 2px;
  border: 2px solid var(--Brand-Color-Black, #202020);
  background: var(--Brand-Color-White, #fff);
  box-shadow: 5px 5px 0px 0px #fd0;
  min-height: 210px;
  transition: min-height 0.5s ease-in;
}
.item-card--cover:hover .item-card--image {
  display: none;
  opacity: 0;
}
.item-card--cover:hover .item-card--desc {
  display: block;
  visibility: visible;
  opacity: 1;
}
.item-card--cover:hover .item-card--RoleName {
  display: none;
  opacity: 0;
}
.item-card--cover:hover .item-card--text {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.item-card--cover:hover .item-card--arrow {
  position: absolute;
  right: 10px;
}
.item-card--cover .item-card--desc {
  display: none;
  color: #333533;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.16px;
  transition: opacity 0.3s linear;
}
.item-card--cover .item-card--image {
  border-radius: 50%;
  display: flex;
  align-items: center;
  text-align: center;
}
.item-card--cover .item-card--image img {
  object-fit: cover;
  object-position: -20% 0%;
  height: 112px;
  width: 112px;
  border-radius: 50%;
}
.item-card--cover .item-card--text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.item-card--cover .item-card--Name {
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #000000;
}
.item-card--cover .item-card--RoleName {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  text-align: left;
  color: #293f96;
}
.input-form input:hover,
.input-form .input-field:hover {
  border-bottom: 3px solid black;
  border-right: 3px solid black;
  border-left: 3px solid black;
}
.input-form #dest_text {
  height: 120px;
  align-items: flex-start;
  align-self: stretch;
  border: 2px solid black;
  padding: 20px;
}
.input-form #dest_text:focus {
  outline: none;
  border: 3px solid #fd0;
  stroke-width: 3px;
}
.input-form #dest_text:hover {
  border-bottom: 3px solid black;
  border-right: 3px solid black;
  border-left: 3px solid black;
}

.Services-section .services-section-text .Services-section-desc {
  text-align: center;
}
.Services-section .information-card-list-section .list-card {
  width: 100%;
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper {
  width: 100%;
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper .information-card-item-scroll-trigger {
  width: 100%;
  height: auto;
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper .information-card-item-scroll-trigger .information-card-item {
  width: 100%;
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper .information-card-item-scroll-trigger .information-card-item .item--image .image__black {
  object-fit: cover;
  filter: saturate(0%);
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper .information-card-item-scroll-trigger .information-card-item .overlay-filter {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #202020 100%);
  width: 100%;
  height: 112px;
  position: absolute;
  bottom: 0px;
  display: none;
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper .information-card-item-scroll-trigger .activeHover .item--image {
  background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.5) 100%);
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper .information-card-item-scroll-trigger .activeHover .item--image .overlay-filter {
  display: block;
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper .information-card-item-scroll-trigger .activeHover .item--image .image__black {
  filter: grayscale(0%);
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper .information-card-item-scroll-trigger .activeHover .item__desc {
  opacity: 1;
  visibility: visible;
  display: block;
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper .information-card-item-scroll-trigger .activeHover .item__desc.fadeInDown {
  animation: fadeInDown 0.5s ease forwards;
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper .information-card-item-scroll-trigger .activeHover .services_title {
  color: white;
  top: 90px;
}
.Services-section .information-card-list-section .list-card .information-card-item-wrapper .information-card-item-scroll-trigger .activeHover .services_title.fadeInUp {
  animation: fadeInUp 0.5s ease forwards;
}
.gk-footer {
  display: flex;
  background-color: #202020;
  width: 100%;
  height: 148px;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 48px;
}

.gk-footer-logo {
  display: block;
}

.gk-footer-copyright {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: right;
  color: #fff;
}
.gk-footer-copyright span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: right;
}

@media screen and (min-width: 1440px) {
  .wrapper {
    width: 1440px;
  }
}
@media only screen and (min-width: 1080px) and (max-width: 1440px) {
  .wrapper {
    width: 1080px;
  }
  #Services .Services-section .list-card {
    gap: 16px;
    width: 100%;
  }
  #Services .Services-section .list-card .information-card-item {
    width: 100%;
  }
  #Contact .container {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .wrapper {
    width: 768px;
    padding: 58px 80px;
  }
  .gk-header {
    padding: 24px 64px 14px 64px;
  }
  #HeroSection .hero-section {
    position: relative;
    margin-top: 50px;
    display: flex;
    width: 100%;
  }
  #HeroSection .hero-section .hero-slogan {
    width: 100%;
  }
  #HeroSection .html5-video-player {
    width: 80%;
    height: 80%;
  }
  #HeroSection .video-iframe-dcontainer {
    width: 80%;
    height: 60%;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number--header {
    flex-direction: column;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number {
    gap: 16px;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number .gk-milestone-number--content-item {
    width: 65%;
    margin: 0 auto;
  }
  .gk-AboutUs_Section .gk-container-contact-us {
    justify-content: center;
    align-self: center;
    flex-direction: column;
    width: 100%;
  }
  .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card {
    width: 100%;
  }
  .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover {
    padding: 20px 16px;
  }
  .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover:hover {
    width: 100%;
  }
  .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-member-image {
    border-right: none;
    border-left: solid #fd0 8px;
    height: 232px;
    width: 100%;
  }
  .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-member-image img {
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
  }
  #Services .Services-section .list-card {
    gap: 16px;
  }
  #Services .Services-section .list-card .information-card-item {
    margin-bottom: 14px;
  }
  #Services .Services-section .list-card .information-card-item .activeHover {
    top: 80px;
  }
  #Services .Services-section .list-card .information-card-item .item--image {
    height: 172px;
  }
  #Services .Services-section .information_card .information-card-item {
    width: 60%;
  }
  #Services .Services-section .information_card .information-card-item .item--image {
    width: 100%;
    margin: 0 auto;
  }
  #Services .Services-section .information_card .information-card-item .item--image img {
    width: 100%;
  }
  #Services .Services-section .information_card .information-card-item .item--image .overlay-filter {
    width: 90%;
  }
  #Services .Services-section .information_card .information-card-item .item__desc {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    transition: opacity 1s ease, visibility 1s ease, transform 1s ease;
  }
  #Services .Services-section .information_card .information-card-item .services_title {
    margin-left: 30px;
    top: 80px;
  }
  #Services .Services-section .information_card .information-card-item.hover .item--image {
    background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.5) 100%);
  }
  #Services .Services-section .information_card .information-card-item.hover .image__black {
    filter: grayscale(0%);
  }
  #Services .Services-section .information_card .information-card-item.hover .item__desc {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    transform: translateY(20px);
  }
}
@media screen and (min-width: 428px) and (max-width: 768px) {
  .wrapper {
    width: 430px;
  }
  .main-container {
    min-width: 430px;
    padding: 0;
  }
  .gk-header {
    padding: 12px 16px;
    width: auto;
  }
  #HeroSection .hero-section {
    display: flex;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number--header {
    flex-direction: column;
    gap: 8px;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number--header .gk-header--subtile {
    font-size: 14px;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number {
    flex-direction: column;
    gap: 16px;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number .gk-milestone-number--content-item {
    margin: 0 auto;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number .gk-milestone-number--content-item .gk-content-item--number {
    font-size: 48px;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number .gk-milestone-number--content-item .gk-content-item--text {
    font-size: 16px;
  }
  #HeroSection .gk-content-item--number > span:nth-child(2) {
    color: #fd0;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card {
    width: 100%;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover {
    padding: 20px 16px;
    justify-content: space-between;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--desc {
    height: auto;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--text {
    height: auto;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--image {
    height: 64px;
    width: 64px;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--image img {
    width: 64px;
    height: 64px;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--Name {
    font-size: 18px;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--RoleName {
    font-size: 16px;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-member-image {
    width: 100%;
    object-fit: cover;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-member-image img {
    object-position: -50%;
    width: 100%;
    height: 232px;
  }
  #About .gk-AboutUs_Section_Text {
    width: auto;
    padding-right: 0 !important;
  }
  #About .gk-AboutUs_Section_Text .gk-AboutUs_Section-desc {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.16px;
  }
  #About .gk-AboutUs_Section_Text .gk-AboutUs_Section-title {
    width: 100%;
  }
  #Contact .container {
    flex-direction: column;
  }
  #Contact .contact-us .input-form {
    align-items: center;
    width: 100%;
    padding: 28px 24px;
  }
  #Contact .contact-us .input-form .input-field {
    width: 100%;
  }
  #Contact .contact-us .input-form #dest_text {
    width: 100%;
  }
  #Services .Services-section {
    margin-bottom: 52px;
    width: auto;
  }
  #Services .Services-section .services-section-text .Services-section-desc {
    text-align: left;
  }
  #Services .Services-section .Services-section-subtile {
    font-size: 28px;
  }
  #Services .Services-section .information-card-list-section {
    width: 80%;
  }
  #Services .Services-section .information_card .information-card-item {
    width: 60%;
  }
  #Services .Services-section .information_card .information-card-item .item--image {
    width: 100%;
    margin: 0 auto;
  }
  #Services .Services-section .information_card .information-card-item .item--image img {
    width: 100%;
  }
  #Services .Services-section .information_card .information-card-item .item--image .overlay-filter {
    width: 90%;
  }
  #Services .Services-section .information_card .information-card-item .item__desc {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    transition: opacity 1s ease, visibility 1s ease, transform 1s ease;
  }
  #Services .Services-section .information_card .information-card-item .services_title {
    margin-left: 30px;
  }
  #Services .Services-section .information_card .information-card-item.hover .item--image {
    background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.5) 100%);
  }
  #Services .Services-section .information_card .information-card-item.hover .image__black {
    filter: grayscale(0%);
  }
  #Services .Services-section .information_card .information-card-item.hover .item__desc {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    transform: translateY(20px);
  }
  #Services .information_card .information-list {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 0 32px;
  }
  #Services .list-card {
    flex-direction: column;
  }
  .gk-footer {
    flex-direction: column;
    height: 200px;
    padding: 24px;
    gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .gk-footer .gk-footer-logo {
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  .gk-footer .gk-footer-copyright {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .gk-footer .gk-footer-copyright span {
    text-align: left;
    display: block;
    text-align: center;
  }
  .item__desc.fadeInDown {
    animation: fadeInDown 1s ease forwards !important;
  }
  .services_title {
    color: white;
    top: 90px;
  }
  .services_title.fadeInUp {
    animation: fadeInUp 1s ease forwards !important;
  }
  .image__black {
    filter: grayscale(0%);
    transition: all 1s;
  }
}
@media only screen and (max-width: 426px) {
  .item__desc.fadeInDown {
    animation: fadeInDown 1s ease forwards !important;
  }
  .services_title {
    color: white;
    top: 90px;
  }
  .services_title.fadeInUp {
    animation: fadeInUp 1.5s ease forwards !important;
  }
  .wrapper {
    width: 430px;
  }
  .main-container {
    min-width: 430px;
    padding: 0;
  }
  .gk-header {
    padding: 12px 16px;
    width: auto;
  }
  #HeroSection .hero-section {
    margin-top: 38px;
    display: flex;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number--header {
    flex-direction: column;
    gap: 8px;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number--header .gk-header--subtile {
    font-size: 14px;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number {
    flex-direction: column;
    gap: 16px;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number .gk-milestone-number--content-item {
    margin: 0 auto;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number .gk-milestone-number--content-item .gk-content-item--number {
    font-size: 48px;
  }
  #HeroSection .gk-milestone-number-section .gk-milestone-number .gk-milestone-number--content-item .gk-content-item--text {
    font-size: 16px;
  }
  #HeroSection .gk-content-item--number > span:nth-child(2) {
    color: #fd0;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card {
    width: 100%;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover {
    padding: 20px 16px;
    justify-content: space-between;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--desc {
    height: auto;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--text {
    height: auto;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--image {
    height: 64px;
    width: 64px;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--image img {
    width: 64px;
    height: 64px;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--Name {
    font-size: 18px;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-founder-card .item-card--cover .item-card--RoleName {
    font-size: 16px;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-member-image {
    max-width: 380px;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-member-image img {
    height: 232px;
  }
  #About .gk-AboutUs_Section_Text {
    width: auto;
    padding-right: 0 !important;
  }
  #About .gk-AboutUs_Section_Text .gk-AboutUs_Section-desc {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.16px;
  }
  #About .gk-AboutUs_Section_Text .gk-AboutUs_Section-title {
    width: 100%;
  }
  #Contact .container {
    flex-direction: column;
  }
  #Contact .contact-us .input-form {
    align-items: center;
    width: 100%;
    padding: 28px 24px;
  }
  #Contact .contact-us .input-form .input-field {
    width: 100%;
  }
  #Contact .contact-us .input-form #dest_text {
    width: 100%;
  }
  #Services .Services-section {
    margin-bottom: 52px;
    width: auto;
  }
  #Services .Services-section .services-section-text .Services-section-desc {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.16px;
    text-align: left;
  }
  #Services .Services-section .information-card-list-section {
    width: 100%;
  }
  #Services .Services-section .information_card .information-card-item {
    width: 100%;
  }
  #Services .Services-section .information_card .information-card-item .item--image {
    width: 90%;
    margin: 0 auto;
  }
  #Services .Services-section .information_card .information-card-item .item--image img {
    width: 100%;
  }
  #Services .Services-section .information_card .information-card-item .item--image .overlay-filter {
    width: 90%;
  }
  #Services .Services-section .information_card .information-card-item .item__desc {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    transition: opacity 1s ease, visibility 1s ease, transform 1s ease;
    transform: translateY(-20px);
  }
  #Services .Services-section .information_card .information-card-item .services_title {
    margin-left: 30px;
    margin-top: 12px;
  }
  #Services .Services-section .information_card .information-card-item.hover .item--image {
    background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.5) 100%);
  }
  #Services .information_card .information-list {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 0 32px;
  }
  #Services .list-card {
    flex-direction: column;
  }
  .gk-footer {
    flex-direction: column;
    height: 200px;
    padding: 24px;
    gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .gk-footer .gk-footer-logo {
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  .gk-footer .gk-footer-copyright {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .gk-footer .gk-footer-copyright span {
    text-align: left;
    display: block;
    text-align: center;
  }
}
@media only screen and (max-width: 330px) {
  #HeroSection .hero-section .hero-video-overlay {
    width: 310px;
  }
  #HeroSection .hero-section .hero-slogan {
    padding-top: 0px;
  }
  #HeroSection .hero-section-rectangle {
    height: 340px;
  }
  #About .gk-AboutUs_Section .gk-container-contact-us .gk-about-us-member-image img {
    height: 180px;
  }
}
.video-gkim {
  transition: all 1s;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"app/layout.js","import":"","arguments":[{"src":[{"path":"./assets/fonts/AvenirNext-Regular.woff2","weight":"400","style":"normal"},{"path":"./assets/fonts/AvenirNext-Bold.woff2","weight":"700","style":"normal"},{"path":"./assets/fonts/AvenirNext-Medium.woff2","weight":"600","style":"normal"}]}],"variableName":"AvenirNext"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__AvenirNext_b22c5e';
src: url(/_next/static/media/43da8c47574ae1ea-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: '__AvenirNext_b22c5e';
src: url(/_next/static/media/80f4e9a21ef0d3db-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: '__AvenirNext_b22c5e';
src: url(/_next/static/media/0a3f9032d3eecd23-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 600;
font-style: normal;
}@font-face {font-family: '__AvenirNext_Fallback_b22c5e';src: local("Arial");ascent-override: 97.16%;descent-override: 35.56%;line-gap-override: 0.00%;size-adjust: 102.92%
}.__className_b22c5e {font-family: '__AvenirNext_b22c5e', '__AvenirNext_Fallback_b22c5e'
}