* { margin: 0px; padding: 0px; box-sizing: border-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; text-decoration: none; font-family: Inter, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Manrope, sans-serif; font-weight: 600; }
body { font-family: Inter, sans-serif; font-weight: 400; background-color: rgb(246, 248, 250); }
.content-color-white p, .content-color-white span { color: white; }
strong { font-weight: 700; }
button, a {
  &:hover { cursor: pointer; }
}
.lh-auto { line-height: normal; }
.w-100 { width: 100%; }
.color-white-p p, .color-white-p span { color: white; }
.h-100 { height: 100%; }
.weight-100 { font-weight: 100; }
.weight-200 { font-weight: 200; }
.weight-300 { font-weight: 300; }
.weight-400 { font-weight: 400; }
.weight-500 { font-weight: 500; }
.weight-600 { font-weight: 600; }
.weight-700 { font-weight: 700; }
.weight-800 { font-weight: 800; }
.weight-900 { font-weight: 900; }
.content-weight-400 p, .content-weight-400 span { font-weight: 400; }
.rounded-circle { border-radius: 50%; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; line-height: 28px; }
.fs-22 { font-size: 22px; }
.fs-24 { font-size: 24px; }
.fs-26 { font-size: 26px; }
.fs-28 { font-size: 28px; }
.fs-30 { font-size: 30px; }
.fs-32 { font-size: 32px; }
.fs-34 { font-size: 34px; }
.fs-36 { font-size: 36px; }
.fs-38 { font-size: 38px; }
.fs-40 { font-size: 40px; }
.fs-42 { font-size: 42px; }
.fs-44 { font-size: 44px; }
.fs-46 { font-size: 46px; }
.fs-48 { font-size: 48px; }
.fs-50 { font-size: 50px; }
.fs-52 { font-size: 52px; }
.pt-1 { padding-top: 1px; }
.pt-2 { padding-top: 2px; }
.pt-3 { padding-top: 3px; }
.pt-4 { padding-top: 4px; }
.pt-5 { padding-top: 5px; }
.pt-6 { padding-top: 6px; }
.pt-7 { padding-top: 7px; }
.pt-8 { padding-top: 8px; }
.pt-9 { padding-top: 9px; }
.pt-10 { padding-top: 10px; }
.pt-11 { padding-top: 11px; }
.pt-12 { padding-top: 12px; }
.pt-13 { padding-top: 13px; }
.pt-14 { padding-top: 14px; }
.pt-15 { padding-top: 15px; }
.pt-16 { padding-top: 16px; }
.pt-17 { padding-top: 17px; }
.pt-18 { padding-top: 18px; }
.pt-19 { padding-top: 19px; }
.pt-20 { padding-top: 20px; }
.pt-21 { padding-top: 21px; }
.pt-22 { padding-top: 22px; }
.pt-23 { padding-top: 23px; }
.pt-24 { padding-top: 24px; }
.pt-25 { padding-top: 25px; }
.pt-26 { padding-top: 26px; }
.pt-27 { padding-top: 27px; }
.pt-28 { padding-top: 28px; }
.pt-29 { padding-top: 29px; }
.pt-30 { padding-top: 30px; }
.pt-31 { padding-top: 31px; }
.pt-32 { padding-top: 32px; }
.pt-33 { padding-top: 33px; }
.pt-34 { padding-top: 34px; }
.pt-35 { padding-top: 35px; }
.pt-36 { padding-top: 36px; }
.pt-37 { padding-top: 37px; }
.pt-38 { padding-top: 38px; }
.pt-39 { padding-top: 39px; }
.pt-40 { padding-top: 40px; }
.pt-41 { padding-top: 41px; }
.pt-42 { padding-top: 42px; }
.pt-43 { padding-top: 43px; }
.pt-44 { padding-top: 44px; }
.pt-45 { padding-top: 45px; }
.pt-46 { padding-top: 46px; }
.pt-47 { padding-top: 47px; }
.pt-48 { padding-top: 48px; }
.pt-49 { padding-top: 49px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-100 { padding-top: 100px; }
.pt-110 { padding-top: 110px; }
.pt-120 { padding-top: 120px; }
.pb-1 { padding-bottom: 1px; }
.pb-2 { padding-bottom: 2px; }
.pb-3 { padding-bottom: 3px; }
.pb-4 { padding-bottom: 4px; }
.pb-5 { padding-bottom: 5px; }
.pb-6 { padding-bottom: 6px; }
.pb-7 { padding-bottom: 7px; }
.pb-8 { padding-bottom: 8px; }
.pb-9 { padding-bottom: 9px; }
.pb-10 { padding-bottom: 10px; }
.pb-11 { padding-bottom: 11px; }
.pb-12 { padding-bottom: 12px; }
.pb-13 { padding-bottom: 13px; }
.pb-14 { padding-bottom: 14px; }
.pb-15 { padding-bottom: 15px; }
.pb-16 { padding-bottom: 16px; }
.pb-17 { padding-bottom: 17px; }
.pb-18 { padding-bottom: 18px; }
.pb-19 { padding-bottom: 19px; }
.pb-20 { padding-bottom: 20px; }
.pb-21 { padding-bottom: 21px; }
.pb-22 { padding-bottom: 22px; }
.pb-23 { padding-bottom: 23px; }
.pb-24 { padding-bottom: 24px; }
.pb-25 { padding-bottom: 25px; }
.pb-26 { padding-bottom: 26px; }
.pb-27 { padding-bottom: 27px; }
.pb-28 { padding-bottom: 28px; }
.pb-29 { padding-bottom: 29px; }
.pb-30 { padding-bottom: 30px; }
.pb-31 { padding-bottom: 31px; }
.pb-32 { padding-bottom: 32px; }
.pb-33 { padding-bottom: 33px; }
.pb-34 { padding-bottom: 34px; }
.pb-35 { padding-bottom: 35px; }
.pb-36 { padding-bottom: 36px; }
.pb-37 { padding-bottom: 37px; }
.pb-38 { padding-bottom: 38px; }
.pb-39 { padding-bottom: 39px; }
.pb-40 { padding-bottom: 40px; }
.pb-41 { padding-bottom: 41px; }
.pb-42 { padding-bottom: 42px; }
.pb-43 { padding-bottom: 43px; }
.pb-44 { padding-bottom: 44px; }
.pb-45 { padding-bottom: 45px; }
.pb-46 { padding-bottom: 46px; }
.pb-47 { padding-bottom: 47px; }
.pb-48 { padding-bottom: 48px; }
.pb-49 { padding-bottom: 49px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-110 { padding-bottom: 110px; }
.pb-120 { padding-bottom: 120px; }
.pr-1 { padding-right: 1px; }
.pr-2 { padding-right: 2px; }
.pr-3 { padding-right: 3px; }
.pr-4 { padding-right: 4px; }
.pr-5 { padding-right: 5px; }
.pr-6 { padding-right: 6px; }
.pr-7 { padding-right: 7px; }
.pr-8 { padding-right: 8px; }
.pr-9 { padding-right: 9px; }
.pr-10 { padding-right: 10px; }
.pr-11 { padding-right: 11px; }
.pr-12 { padding-right: 12px; }
.pr-13 { padding-right: 13px; }
.pr-14 { padding-right: 14px; }
.pr-15 { padding-right: 15px; }
.pr-16 { padding-right: 16px; }
.pr-17 { padding-right: 17px; }
.pr-18 { padding-right: 18px; }
.pr-19 { padding-right: 19px; }
.pr-20 { padding-right: 20px; }
.pr-21 { padding-right: 21px; }
.pr-22 { padding-right: 22px; }
.pr-23 { padding-right: 23px; }
.pr-24 { padding-right: 24px; }
.pr-25 { padding-right: 25px; }
.pr-26 { padding-right: 26px; }
.pr-27 { padding-right: 27px; }
.pr-28 { padding-right: 28px; }
.pr-29 { padding-right: 29px; }
.pr-30 { padding-right: 30px; }
.pr-31 { padding-right: 31px; }
.pr-32 { padding-right: 32px; }
.pr-33 { padding-right: 33px; }
.pr-34 { padding-right: 34px; }
.pr-35 { padding-right: 35px; }
.pr-36 { padding-right: 36px; }
.pr-37 { padding-right: 37px; }
.pr-38 { padding-right: 38px; }
.pr-39 { padding-right: 39px; }
.pr-40 { padding-right: 40px; }
.pr-41 { padding-right: 41px; }
.pr-42 { padding-right: 42px; }
.pr-43 { padding-right: 43px; }
.pr-44 { padding-right: 44px; }
.pr-45 { padding-right: 45px; }
.pr-46 { padding-right: 46px; }
.pr-47 { padding-right: 47px; }
.pr-48 { padding-right: 48px; }
.pr-49 { padding-right: 49px; }
.pr-50 { padding-right: 50px; }
.pr-60 { padding-right: 60px; }
.pr-70 { padding-right: 70px; }
.pr-80 { padding-right: 80px; }
.pr-90 { padding-right: 90px; }
.pr-100 { padding-right: 100px; }
.pr-110 { padding-right: 110px; }
.pr-120 { padding-right: 120px; }
.pl-1 { padding-left: 1px; }
.pl-2 { padding-left: 2px; }
.pl-3 { padding-left: 3px; }
.pl-4 { padding-left: 4px; }
.pl-5 { padding-left: 5px; }
.pl-6 { padding-left: 6px; }
.pl-7 { padding-left: 7px; }
.pl-8 { padding-left: 8px; }
.pl-9 { padding-left: 9px; }
.pl-10 { padding-left: 10px; }
.pl-11 { padding-left: 11px; }
.pl-12 { padding-left: 12px; }
.pl-13 { padding-left: 13px; }
.pl-14 { padding-left: 14px; }
.pl-15 { padding-left: 15px; }
.pl-16 { padding-left: 16px; }
.pl-17 { padding-left: 17px; }
.pl-18 { padding-left: 18px; }
.pl-19 { padding-left: 19px; }
.pl-20 { padding-left: 20px; }
.pl-21 { padding-left: 21px; }
.pl-22 { padding-left: 22px; }
.pl-23 { padding-left: 23px; }
.pl-24 { padding-left: 24px; }
.pl-25 { padding-left: 25px; }
.pl-26 { padding-left: 26px; }
.pl-27 { padding-left: 27px; }
.pl-28 { padding-left: 28px; }
.pl-29 { padding-left: 29px; }
.pl-30 { padding-left: 30px; }
.pl-31 { padding-left: 31px; }
.pl-32 { padding-left: 32px; }
.pl-33 { padding-left: 33px; }
.pl-34 { padding-left: 34px; }
.pl-35 { padding-left: 35px; }
.pl-36 { padding-left: 36px; }
.pl-37 { padding-left: 37px; }
.pl-38 { padding-left: 38px; }
.pl-39 { padding-left: 39px; }
.pl-40 { padding-left: 40px; }
.pl-41 { padding-left: 41px; }
.pl-42 { padding-left: 42px; }
.pl-43 { padding-left: 43px; }
.pl-44 { padding-left: 44px; }
.pl-45 { padding-left: 45px; }
.pl-46 { padding-left: 46px; }
.pl-47 { padding-left: 47px; }
.pl-48 { padding-left: 48px; }
.pl-49 { padding-left: 49px; }
.pl-50 { padding-left: 50px; }
.pl-60 { padding-left: 60px; }
.pl-70 { padding-left: 70px; }
.pl-80 { padding-left: 80px; }
.pl-90 { padding-left: 90px; }
.pl-100 { padding-left: 100px; }
.pl-110 { padding-left: 110px; }
.pl-120 { padding-left: 120px; }
.mt-1 { margin-top: 1px; }
.mt-2 { margin-top: 2px; }
.mt-3 { margin-top: 3px; }
.mt-4 { margin-top: 4px; }
.mt-5 { margin-top: 5px; }
.mt-6 { margin-top: 6px; }
.mt-7 { margin-top: 7px; }
.mt-8 { margin-top: 8px; }
.mt-9 { margin-top: 9px; }
.mt-10 { margin-top: 10px; }
.mt-11 { margin-top: 11px; }
.mt-12 { margin-top: 12px; }
.mt-13 { margin-top: 13px; }
.mt-14 { margin-top: 14px; }
.mt-15 { margin-top: 15px; }
.mt-16 { margin-top: 16px; }
.mt-17 { margin-top: 17px; }
.mt-18 { margin-top: 18px; }
.mt-19 { margin-top: 19px; }
.mt-20 { margin-top: 20px; }
.mt-21 { margin-top: 21px; }
.mt-22 { margin-top: 22px; }
.mt-23 { margin-top: 23px; }
.mt-24 { margin-top: 24px; }
.mt-25 { margin-top: 25px; }
.mt-26 { margin-top: 26px; }
.mt-27 { margin-top: 27px; }
.mt-28 { margin-top: 28px; }
.mt-29 { margin-top: 29px; }
.mt-30 { margin-top: 30px; }
.mt-31 { margin-top: 31px; }
.mt-32 { margin-top: 32px; }
.mt-33 { margin-top: 33px; }
.mt-34 { margin-top: 34px; }
.mt-35 { margin-top: 35px; }
.mt-36 { margin-top: 36px; }
.mt-37 { margin-top: 37px; }
.mt-38 { margin-top: 38px; }
.mt-39 { margin-top: 39px; }
.mt-40 { margin-top: 40px; }
.mt-41 { margin-top: 41px; }
.mt-42 { margin-top: 42px; }
.mt-43 { margin-top: 43px; }
.mt-44 { margin-top: 44px; }
.mt-45 { margin-top: 45px; }
.mt-46 { margin-top: 46px; }
.mt-47 { margin-top: 47px; }
.mt-48 { margin-top: 48px; }
.mt-49 { margin-top: 49px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-110 { margin-top: 110px; }
.mt-120 { margin-top: 120px; }
.mb-1 { margin-bottom: 1px; }
.mb-2 { margin-bottom: 2px; }
.mb-3 { margin-bottom: 3px; }
.mb-4 { margin-bottom: 4px; }
.mb-5 { margin-bottom: 5px; }
.mb-6 { margin-bottom: 6px; }
.mb-7 { margin-bottom: 7px; }
.mb-8 { margin-bottom: 8px; }
.mb-9 { margin-bottom: 9px; }
.mb-10 { margin-bottom: 10px; }
.mb-11 { margin-bottom: 11px; }
.mb-12 { margin-bottom: 12px; }
.mb-13 { margin-bottom: 13px; }
.mb-14 { margin-bottom: 14px; }
.mb-15 { margin-bottom: 15px; }
.mb-16 { margin-bottom: 16px; }
.mb-17 { margin-bottom: 17px; }
.mb-18 { margin-bottom: 18px; }
.mb-19 { margin-bottom: 19px; }
.mb-20 { margin-bottom: 20px; }
.mb-21 { margin-bottom: 21px; }
.mb-22 { margin-bottom: 22px; }
.mb-23 { margin-bottom: 23px; }
.mb-24 { margin-bottom: 24px; }
.mb-25 { margin-bottom: 25px; }
.mb-26 { margin-bottom: 26px; }
.mb-27 { margin-bottom: 27px; }
.mb-28 { margin-bottom: 28px; }
.mb-29 { margin-bottom: 29px; }
.mb-30 { margin-bottom: 30px; }
.mb-31 { margin-bottom: 31px; }
.mb-32 { margin-bottom: 32px; }
.mb-33 { margin-bottom: 33px; }
.mb-34 { margin-bottom: 34px; }
.mb-35 { margin-bottom: 35px; }
.mb-36 { margin-bottom: 36px; }
.mb-37 { margin-bottom: 37px; }
.mb-38 { margin-bottom: 38px; }
.mb-39 { margin-bottom: 39px; }
.mb-40 { margin-bottom: 40px; }
.mb-41 { margin-bottom: 41px; }
.mb-42 { margin-bottom: 42px; }
.mb-43 { margin-bottom: 43px; }
.mb-44 { margin-bottom: 44px; }
.mb-45 { margin-bottom: 45px; }
.mb-46 { margin-bottom: 46px; }
.mb-47 { margin-bottom: 47px; }
.mb-48 { margin-bottom: 48px; }
.mb-49 { margin-bottom: 49px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-110 { margin-bottom: 110px; }
.mb-120 { margin-bottom: 120px; }
.mr-1 { margin-right: 1px; }
.mr-2 { margin-right: 2px; }
.mr-3 { margin-right: 3px; }
.mr-4 { margin-right: 4px; }
.mr-5 { margin-right: 5px; }
.mr-6 { margin-right: 6px; }
.mr-7 { margin-right: 7px; }
.mr-8 { margin-right: 8px; }
.mr-9 { margin-right: 9px; }
.mr-10 { margin-right: 10px; }
.mr-11 { margin-right: 11px; }
.mr-12 { margin-right: 12px; }
.mr-13 { margin-right: 13px; }
.mr-14 { margin-right: 14px; }
.mr-15 { margin-right: 15px; }
.mr-16 { margin-right: 16px; }
.mr-17 { margin-right: 17px; }
.mr-18 { margin-right: 18px; }
.mr-19 { margin-right: 19px; }
.mr-20 { margin-right: 20px; }
.mr-21 { margin-right: 21px; }
.mr-22 { margin-right: 22px; }
.mr-23 { margin-right: 23px; }
.mr-24 { margin-right: 24px; }
.mr-25 { margin-right: 25px; }
.mr-26 { margin-right: 26px; }
.mr-27 { margin-right: 27px; }
.mr-28 { margin-right: 28px; }
.mr-29 { margin-right: 29px; }
.mr-30 { margin-right: 30px; }
.mr-31 { margin-right: 31px; }
.mr-32 { margin-right: 32px; }
.mr-33 { margin-right: 33px; }
.mr-34 { margin-right: 34px; }
.mr-35 { margin-right: 35px; }
.mr-36 { margin-right: 36px; }
.mr-37 { margin-right: 37px; }
.mr-38 { margin-right: 38px; }
.mr-39 { margin-right: 39px; }
.mr-40 { margin-right: 40px; }
.mr-41 { margin-right: 41px; }
.mr-42 { margin-right: 42px; }
.mr-43 { margin-right: 43px; }
.mr-44 { margin-right: 44px; }
.mr-45 { margin-right: 45px; }
.mr-46 { margin-right: 46px; }
.mr-47 { margin-right: 47px; }
.mr-48 { margin-right: 48px; }
.mr-49 { margin-right: 49px; }
.mr-50 { margin-right: 50px; }
.mr-60 { margin-right: 60px; }
.mr-70 { margin-right: 70px; }
.mr-80 { margin-right: 80px; }
.mr-90 { margin-right: 90px; }
.mr-100 { margin-right: 100px; }
.mr-110 { margin-right: 110px; }
.mr-120 { margin-right: 120px; }
.ml-1 { margin-left: 1px; }
.ml-2 { margin-left: 2px; }
.ml-3 { margin-left: 3px; }
.ml-4 { margin-left: 4px; }
.ml-5 { margin-left: 5px; }
.ml-6 { margin-left: 6px; }
.ml-7 { margin-left: 7px; }
.ml-8 { margin-left: 8px; }
.ml-9 { margin-left: 9px; }
.ml-10 { margin-left: 10px; }
.ml-11 { margin-left: 11px; }
.ml-12 { margin-left: 12px; }
.ml-13 { margin-left: 13px; }
.ml-14 { margin-left: 14px; }
.ml-15 { margin-left: 15px; }
.ml-16 { margin-left: 16px; }
.ml-17 { margin-left: 17px; }
.ml-18 { margin-left: 18px; }
.ml-19 { margin-left: 19px; }
.ml-20 { margin-left: 20px; }
.ml-21 { margin-left: 21px; }
.ml-22 { margin-left: 22px; }
.ml-23 { margin-left: 23px; }
.ml-24 { margin-left: 24px; }
.ml-25 { margin-left: 25px; }
.ml-26 { margin-left: 26px; }
.ml-27 { margin-left: 27px; }
.ml-28 { margin-left: 28px; }
.ml-29 { margin-left: 29px; }
.ml-30 { margin-left: 30px; }
.ml-31 { margin-left: 31px; }
.ml-32 { margin-left: 32px; }
.ml-33 { margin-left: 33px; }
.ml-34 { margin-left: 34px; }
.ml-35 { margin-left: 35px; }
.ml-36 { margin-left: 36px; }
.ml-37 { margin-left: 37px; }
.ml-38 { margin-left: 38px; }
.ml-39 { margin-left: 39px; }
.ml-40 { margin-left: 40px; }
.ml-41 { margin-left: 41px; }
.ml-42 { margin-left: 42px; }
.ml-43 { margin-left: 43px; }
.ml-44 { margin-left: 44px; }
.ml-45 { margin-left: 45px; }
.ml-46 { margin-left: 46px; }
.ml-47 { margin-left: 47px; }
.ml-48 { margin-left: 48px; }
.ml-49 { margin-left: 49px; }
.ml-50 { margin-left: 50px; }
.ml-60 { margin-left: 60px; }
.ml-70 { margin-left: 70px; }
.ml-80 { margin-left: 80px; }
.ml-90 { margin-left: 90px; }
.ml-100 { margin-left: 100px; }
.ml-110 { margin-left: 110px; }
.ml-120 { margin-left: 120px; }
.basis-1 { flex-basis: 1%; }
.basis-2 { flex-basis: 2%; }
.basis-3 { flex-basis: 3%; }
.basis-4 { flex-basis: 4%; }
.basis-5 { flex-basis: 5%; }
.basis-6 { flex-basis: 6%; }
.basis-7 { flex-basis: 7%; }
.basis-8 { flex-basis: 8%; }
.basis-9 { flex-basis: 9%; }
.basis-10 { flex-basis: 10%; }
.basis-11 { flex-basis: 11%; }
.basis-12 { flex-basis: 12%; }
.basis-13 { flex-basis: 13%; }
.basis-14 { flex-basis: 14%; }
.basis-15 { flex-basis: 15%; }
.basis-16 { flex-basis: 16%; }
.basis-17 { flex-basis: 17%; }
.basis-18 { flex-basis: 18%; }
.basis-19 { flex-basis: 19%; }
.basis-20 { flex-basis: 20%; }
.basis-21 { flex-basis: 21%; }
.basis-22 { flex-basis: 22%; }
.basis-23 { flex-basis: 23%; }
.basis-24 { flex-basis: 24%; }
.basis-25 { flex-basis: 25%; }
.basis-26 { flex-basis: 26%; }
.basis-27 { flex-basis: 27%; }
.basis-28 { flex-basis: 28%; }
.basis-29 { flex-basis: 29%; }
.basis-30 { flex-basis: 30%; }
.basis-31 { flex-basis: 31%; }
.basis-32 { flex-basis: 32%; }
.basis-33 { flex-basis: 33%; }
.basis-34 { flex-basis: 34%; }
.basis-35 { flex-basis: 35%; }
.basis-36 { flex-basis: 36%; }
.basis-37 { flex-basis: 37%; }
.basis-38 { flex-basis: 38%; }
.basis-39 { flex-basis: 39%; }
.basis-40 { flex-basis: 40%; }
.basis-41 { flex-basis: 41%; }
.basis-42 { flex-basis: 42%; }
.basis-43 { flex-basis: 43%; }
.basis-44 { flex-basis: 44%; }
.basis-45 { flex-basis: 45%; }
.basis-46 { flex-basis: 46%; }
.basis-47 { flex-basis: 47%; }
.basis-48 { flex-basis: 48%; }
.basis-49 { flex-basis: 49%; }
.basis-50 { flex-basis: 50%; }
.basis-51 { flex-basis: 51%; }
.basis-52 { flex-basis: 52%; }
.basis-53 { flex-basis: 53%; }
.basis-54 { flex-basis: 54%; }
.basis-55 { flex-basis: 55%; }
.basis-56 { flex-basis: 56%; }
.basis-57 { flex-basis: 57%; }
.basis-58 { flex-basis: 58%; }
.basis-59 { flex-basis: 59%; }
.basis-60 { flex-basis: 60%; }
.basis-61 { flex-basis: 61%; }
.basis-62 { flex-basis: 62%; }
.basis-63 { flex-basis: 63%; }
.basis-64 { flex-basis: 64%; }
.basis-65 { flex-basis: 65%; }
.basis-66 { flex-basis: 66%; }
.basis-67 { flex-basis: 67%; }
.basis-68 { flex-basis: 68%; }
.basis-69 { flex-basis: 69%; }
.basis-70 { flex-basis: 70%; }
.basis-71 { flex-basis: 71%; }
.basis-72 { flex-basis: 72%; }
.basis-73 { flex-basis: 73%; }
.basis-74 { flex-basis: 74%; }
.basis-75 { flex-basis: 75%; }
.basis-76 { flex-basis: 76%; }
.basis-77 { flex-basis: 77%; }
.basis-78 { flex-basis: 78%; }
.basis-79 { flex-basis: 79%; }
.basis-80 { flex-basis: 80%; }
.basis-81 { flex-basis: 81%; }
.basis-82 { flex-basis: 82%; }
.basis-83 { flex-basis: 83%; }
.basis-84 { flex-basis: 84%; }
.basis-85 { flex-basis: 85%; }
.basis-86 { flex-basis: 86%; }
.basis-87 { flex-basis: 87%; }
.basis-88 { flex-basis: 88%; }
.basis-89 { flex-basis: 89%; }
.basis-90 { flex-basis: 90%; }
.basis-91 { flex-basis: 91%; }
.basis-92 { flex-basis: 92%; }
.basis-93 { flex-basis: 93%; }
.basis-94 { flex-basis: 94%; }
.basis-95 { flex-basis: 95%; }
.basis-96 { flex-basis: 96%; }
.basis-97 { flex-basis: 97%; }
.basis-98 { flex-basis: 98%; }
.basis-99 { flex-basis: 99%; }
.basis-100 { flex-basis: 100%; }
.container { max-width: 1272px; margin: 0px auto; }
p, span, div { font-size: 16px; line-height: 24px; font-weight: 400; color: rgba(0, 0, 0, 0.7); }
ul { list-style: none; padding: 0px; }
ul li { position: relative; padding-left: 30px; }
ul li::before { content: "✓"; position: absolute; left: 0px; top: 2px; color: rgb(1, 1, 1); font-size: 12px; font-weight: 700; background-color: rgb(245, 213, 71); height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 20px; }
h1 { font-size: 48px; line-height: 52px; font-weight: 700; }
h2 { font-size: 36px; line-height: 44px; font-weight: 600; }
h3 { font-size: 24px; line-height: 1.6; font-weight: 600; }
h4 { font-size: 20px; font-weight: 600; }
h5 { font-size: 18px; font-weight: 600; }
h6 { font-size: 16px; font-weight: 600; }
p { font-size: 16px; line-height: 24px; font-weight: 300; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.flex { display: flex; }
.flex-align-start { display: flex; align-items: flex-start; }
.flex-center { display: flex; align-items: center; justify-content: center; }
.flex-between { display: flex; align-items: center; justify-content: space-between; }
.flex-between-align-start { display: flex; align-items: flex-start; justify-content: space-between; }
.flex-col { display: flex; flex-direction: column; }
.flex-col-center { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.flex-col-end-left { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; }
.light-white { color: rgba(255, 255, 255, 0.7); }
.color-white { color: rgb(255, 255, 255); }
.color-black { color: rgb(0, 0, 0); }
.color-yellow { color: rgb(245, 213, 71); }
.bg-yellow { background-color: rgb(245, 213, 71); }
.bg-white { background-color: rgb(255, 255, 255); }
.color-primary { color: rgb(15, 45, 107); }
.bg-primary { background-color: rgb(15, 45, 107); }
.color-secondary { color: rgb(245, 213, 71); }
.bg-secondary { background-color: rgb(245, 213, 71); }
.color-dark-blue { color: rgb(15, 45, 107); }
.bg-dark-blue { background-color: rgb(15, 45, 107); }
.bg-dark-60 { background-color: rgba(15, 45, 107, 0.6); }
.bg-dark-40 { background-color: rgba(15, 45, 107, 0.4); }
.bg-dark-70 { background-color: rgba(15, 45, 107, 0.7); }
.bg-dark-80 { background-color: rgba(15, 45, 107, 0.8); }
.bg-off-white { background-color: rgb(246, 248, 250); }
.color-steel-blue { color: rgb(30, 90, 168); }
.bg-steel-blue { background-color: rgb(30, 90, 168); }
.color-accent { color: rgb(245, 213, 71); }
.bg-accent { background-color: rgb(245, 213, 71); }
.bg-light { background-color: rgb(246, 248, 250); }
.color-charcoal { color: rgb(32, 37, 45); }
.bg-charcoal { background-color: rgb(32, 37, 45); }
.color-text { color: rgb(28, 28, 28); }
.color-text-light { color: rgb(97, 97, 97); }
.border-brand { border-color: rgb(220, 227, 234); }
.btn { border: 1px solid transparent; transition: 0.3s; padding: 10px 20px; }
.btn-primary { background-color: rgb(15, 45, 107); color: rgb(255, 255, 255); }
.btn-primary:hover { background-color: rgb(30, 90, 168) !important; color: rgb(255, 255, 255) !important; }
.btn-secondary { background-color: rgb(255, 255, 255); color: rgb(15, 45, 107); border: 1px solid rgb(15, 45, 107); }
.btn-secondary:hover { background-color: rgb(15, 45, 107) !important; color: rgb(255, 255, 255) !important; border-color: rgb(15, 45, 107) !important; }
.btn-accent { background-color: rgb(245, 213, 71); color: rgb(28, 28, 28); }
.btn-accent:hover { background-color: rgb(230, 196, 50) !important; color: rgb(28, 28, 28) !important; }
.bar-icon { display: none; position: relative; z-index: 1000; margin-left: 20px; color: white; font-size: 28px; }
.nav-active { color: rgb(245, 213, 71); position: relative; }
.nav-active::after { content: ""; height: 2px; width: 100%; position: absolute; background-color: rgb(245, 213, 71); top: 75%; left: 0px; right: 0px; }
header { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.506); }
nav li { position: relative; padding-left: 0px !important; }
nav li a { padding: 20px 0px; transition: 0.2s; }
nav li a:hover { color: rgb(245, 213, 71); }
.sub-menu { display: none; position: absolute; top: 166%; left: 0px; background: rgb(15, 45, 107); min-width: 220px; padding: 0px; font-size: 14px; z-index: 1000; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px; }
.sub-menu .sub-menu { top: 0px; left: 100%; }
@media (min-width: 992px) {
  nav li:hover > .sub-menu { display: block; }
}
.sub-menu li { margin: 0px; }
.sub-menu li:first-child { margin-top: 0px; }
.sub-menu a { display: block; white-space: nowrap; padding: 10px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.sub-menu a::after { display: none; }
.sub-menu a i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
.sub-menu li:last-child a { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.sub-menu a:hover { background: rgba(255, 255, 255, 0.08); color: rgb(245, 213, 71); }
.breadcrumb-para { width: 80%; margin: 0px auto; }
.banner-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; background-blend-mode: multiply; }
hr { border: 0px; height: 1px; background: rgb(189, 189, 189); margin: 0px; border-radius: 2px; }
.banner { padding: 70px 0px 136px; }
.banner-content { margin: 0px 0px 60px; width: 85%; text-align: center; }
.banner-content h1 { width: 70%; }
.banner-slider { position: relative; width: 70%; margin: 0px auto; }
.swiper.banner-swiper { width: 89%; height: 146px; overflow: hidden; }
.swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.swiper-button-next, .swiper-button-prev { transition: 0.2s; transform: translateY(53%); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; width: 30px !important; height: 30px !important; }
.swiper-button-next, .swiper-button-prev {
  &:hover { background-color: rgb(245, 213, 71); }
}
.swiper-button-next i, .swiper-button-prev i { color: rgb(15, 45, 107); }
.swiper-button-next::after, .swiper-button-prev::after { font-size: 18px; }
.swiper-button-next svg, .swiper-button-prev svg { display: none; }
.swiper-pagination { bottom: 20px; }
.swiper-pagination-bullet { background-color: rgb(255, 255, 255); opacity: 0.7; }
.swiper-pagination-bullet-active { background-color: rgb(245, 213, 71); opacity: 1; }
.common-padding { padding: 80px 0px; }
.about-us-section { padding: 80px 0px; }
.about-us-section img { height: 312px; object-fit: cover; margin: 0px 30px; }
.about-text-content p { font-weight: 400; }
.mission-vision-section { padding: 80px 0px; }
.mission-vision-section .mission-vision-image { height: 390px; width: 625px; object-fit: cover; }
.mission-vision-row { position: relative; gap: 80px; }
.mission-vision-card { margin-top: 60px; bottom: -150px; left: 321px; width: 100%; padding: 30px; }
.mission-vision-card .flex-col:first-child { border-right: 1px solid rgb(15, 45, 107); }
.services-section { padding: 80px 0px 82px; }
.service-cards { display: flex; flex-wrap: wrap; gap: 20px; }
.service-card { flex: 0 0 calc(50% - 10px); height: 350px; padding: 20px; background-blend-mode: multiply; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: 0.3s; }
.service-card:hover { background-color: rgba(4, 23, 70, 0.63); }
.service-card:nth-child(1) {
  flex: 0 0 calc(70% - 10px);
  & .card-content { width: 62%; }
}
.service-card:nth-child(2) {
  flex: 0 0 calc(30% - 10px);
  & .card-content { width: 100%; }
}
.service-card:nth-child(3) {
  flex: 0 0 calc(30% - 10px);
  & .card-content { width: 100%; }
}
.service-card:nth-child(4) {
  flex: 0 0 calc(70% - 10px);
  & .card-content { width: 62%; }
}
.home-services-description { max-width: 1000px; margin: 20px auto 40px; }
.projects-section { padding: 80px 0px 140px; }
.projects-section .sec-description { width: 40%; padding-bottom: 30px; }
.projects-section .sec-description-border-bottom { width: 20%; height: 3px; margin-top: 20px; background-color: var(--primary-color); }
.projects-slider { position: relative; }
.projectsSwiper { width: 100%; }
.projectsSwiper .swiper-slide { position: relative; height: 400px; overflow: hidden; }
.projectsSwiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.projectsSwiper .swiper-slide:hover img { transform: scale(1.05); }
.project-overlay { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 20px; transform: translateY(0px); transition: transform 0.3s; }
.project-overlay a { transition: 0.2s; }
.project-overlay a:hover { color: rgb(225, 224, 219); }
.why-choose-us-section { background-size: cover; background-position: center center; background-repeat: no-repeat; background-blend-mode: multiply; padding-bottom: 80px; }
.why-choose-us-list { gap: 12.5px; }
.why-choose-us-certificate-img {width: 350px;height: auto;}
.why-choose-us-content { gap: 120px; align-items: flex-start; }
.why-choose-us-right { width: 100%; }
.why-choose-us-item { padding: 20px; }
.why-choose-us-item-icon { width: 45px; height: 45px; margin-bottom: 12px; }
.why-choose-us-item-icon img { width: 30px; height: 30px; object-fit: contain; }
.testimonials-section { padding: 80px 0px; }
.testimonial-card { margin: 10px; padding: 25px 20px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 6px 0px; transition: transform 0.3s, box-shadow 0.3s; }
.author-avatar img { height: 50px; width: 50px; border-radius: 50%; object-fit: cover; }
.director-section { padding: 60px 0px; }
.director-content { gap: 80px; }
.director-content img { width: 100%; height: 400px; object-fit: cover; }
.contact-section { padding: 80px 0px 100px; }
.contact-content { gap: 107px; }
.contact-item img { height: 40px; width: 40px; object-fit: contain; }
.contact-items { width: 625px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.contact-item { min-height: 80px; }
.contact-form { padding: 40px 40px 80px; width: 100%; }
.contact-form-inner input, .contact-form-inner textarea { padding: 15px; flex-basis: 50%; }
.contact-form-inner textarea { flex-basis: 100%; height: 100px; }
.form-row { display: flex; gap: 10px; }
.gallery-section { padding: 80px 0px; }
.gallery-filter { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.filter-btn { padding: 10px 20px; border: 2px solid var(--primary-color); background-color: transparent; color: var(--primary-color); font-weight: 600; cursor: pointer; transition: 0.3s; border-radius: 5px; }
.filter-btn:hover, .filter-btn.active { background-color: var(--primary-color); color: white; }
.gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; }
.gallery-item { position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px; transition: transform 0.3s, box-shadow 0.3s; }
.gallery-item img { width: 100%; height: 250px; object-fit: cover; display: block; }
.gallery-overlay { position: absolute; bottom: 0px; left: 0px; right: 0px; color: white; padding: 20px; transform: translateY(100%); transition: transform 0.3s; }
.gallery-item:hover .gallery-overlay { transform: translateY(0px); }
.gallery-overlay h4 { font-size: 18px; font-weight: 600; color: white; }
.gallery-overlay p { font-size: 14px; margin: 0px; color: rgba(255, 255, 255, 0.9); }
.no-videos { padding: 60px 20px; }
.no-videos p { font-size: 18px; opacity: 0.7; }
@media (max-width: 1024px) {
  .video-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; }
}
@media (max-width: 768px) {
  .video-gallery-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
  .video-info { padding: 15px; }
  .video-info h4 { font-size: 16px; }
  .play-button { width: 60px; height: 60px; font-size: 20px; }
}
@media (max-width: 480px) {
  .video-gallery-grid { grid-template-columns: 1fr; gap: 15px; }
  .video-gallery-section { padding: 60px 0px; }
}
.career-hero-section { background: linear-gradient(135deg, rgba(15, 45, 107, 0.9), rgba(15, 45, 107, 0.7)) center center / cover, url("../images/career-hero-bg.jpg"); padding: 120px 0px 100px; text-align: center; }
.career-hero-content h1 { font-size: 48px; font-weight: 700; margin-bottom: 20px; }
.career-hero-content p { font-size: 20px; max-width: 600px; margin: 0px auto 30px; }
.why-join-section { padding: 80px 0px; }
.why-join-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 50px; }
.why-join-item { text-align: center; padding: 30px; border-radius: 10px; transition: transform 0.3s; }
.why-join-item:hover { transform: translateY(-5px); }
.why-join-icon { width: 80px; height: 80px; border-radius: 50%; background-color: var(--secondary-color); display: flex; align-items: center; justify-content: center; margin: 0px auto 20px; }
.why-join-item h3 { font-size: 22px; margin-bottom: 15px; }
.why-join-item p { font-size: 16px; line-height: 1.6; }
.open-positions-section { padding: 80px 0px; background-color: rgb(248, 249, 250); }
.positions-list { width: 60%; margin: 50px auto 0px; }
.position-item { background-color: white; margin-bottom: 20px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.11); }
.position-item:last-child { margin-bottom: 0px; }
.position-header { display: flex; justify-content: space-between; align-items: center; padding: 25px 30px; border-bottom: 1px solid rgb(238, 238, 238); }
.position-info h3 { font-size: 20px; margin-bottom: 10px; }
.position-meta { display: flex; gap: 20px; flex-wrap: wrap; }
.position-meta span { font-size: 14px; color: rgb(102, 102, 102); display: flex; align-items: center; gap: 5px; }
.position-meta i { color: var(--primary-color); }
.apply-btn { background-color: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); padding: 10px 20px; border-radius: 5px; cursor: pointer; font-weight: 600; transition: 0.3s; }
.apply-btn:hover { background-color: var(--primary-color); color: white; }
.position-details { display: none; padding: 30px; border-top: 1px solid rgb(238, 238, 238); }
.position-description h4 { font-size: 18px; margin-bottom: 10px; color: var(--primary-color); }
.position-description p { margin-bottom: 20px; line-height: 1.6; }
.position-description ul { margin-bottom: 20px; }
.position-description li { margin-bottom: 8px; line-height: 1.5; padding-left: 30px; position: relative; }
.position-actions { margin-top: 30px; padding-top: 20px; border-top: 1px solid rgb(238, 238, 238); }
.application-form-section { background-color: white; padding: 80px 0px; }
.application-form-container { max-width: 800px; margin: 0px auto; background-color: white; padding: 40px; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px; }
.form-group { display: flex; flex-direction: column; }
.form-label { margin-bottom: 8px; font-size: 15px; }
.form-input { padding: 0px 20px; height: 40px; border: 1px solid rgb(205, 205, 205); font-size: 14px; transition: border-color 0.3s; }
.form-group textarea { height: auto; padding: 20px; }
.form-input:focus { outline: none; border-color: var(--primary-color); }
.form-input[type="file"] { padding: 10px; }
small { font-size: 12px; margin-top: 5px; display: block; }
.process-section { padding: 80px 0px; }
.process-section-para { width: 90%; }
.process-left { width: max-content; }
.process-right { width: 80%; }
.process-right .item:last-child .process-step-number::after { content: none; }
.milestones { gap: 10px; }
.milestone { padding: 30px 25px; width: max-content; }
.process-step-number { width: 50px; height: 50px; position: relative; }
.process-step-number::after { position: absolute; top: 130%; content: ""; height: 70%; width: 2px; background-color: rgba(0, 0, 0, 0.455); }
.process-step-number-after-not::after { display: none; }
.all-services-section { padding: 60px 0px; background-blend-mode: multiply; background-size: cover; background-repeat: repeat; }
.all-services-row { gap: 80px; }
.all-services-row:not(:first-child) { margin-top: 60px; }
.all-services-row:nth-child(2n) { margin-top: 60px; flex-direction: row-reverse; }
.all-services-row img { height: 250px; width: 595px; object-fit: cover; }
.all-services-keys { display: flex; flex-wrap: wrap; gap: 10px; }
.all-services-keys .key { margin-right: 20px; }
.projects-section-page { padding: 80px 0px; }
.projects-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.project-page-item { position: relative; height: 520px; }
.project-page-item img { width: 100%; height: 100%; object-fit: cover; }
.projects-page-contact-cta { padding: 60px 0px 98px; }
.projects-page-contact-cta .contact-form { width: 59%; padding: 0px; }
.members-section { padding: 60px 0px 160px; }
.members-row { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0px; }
.member-item:nth-child(1) { position: relative; height: 528px; flex-basis: 49%; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 200px; }
.member-item:nth-child(2) { position: relative; height: 528px; flex-basis: 49%; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 220px; }
.member-item:nth-child(1) .member-item-content, .member-item:nth-child(2) .member-item-content { bottom: -154px; padding: 30px 28px 64px; width: 80%; }
.member-item { position: relative; height: 400px; flex-basis: 32%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.member-item-content { padding: 30px 28px 40px; bottom: -90px; position: absolute; left: 50%; width: 60%; transform: translateX(-50%); background-color: rgb(15, 45, 107); }
.awards-section { padding: 90px 0px; }
.award-text-content { width: 43%; }
.award-image-content { gap: 20px; }
.award-image-content img { object-fit: cover; width: 303px; height: 317px; }
.case-study-banner-section { margin-top: 80px; margin-bottom: 40px; }
.case-study-top { border-bottom: 1px solid rgba(0, 0, 0, 0.384); }
.case-study-content-left { flex-basis: 60%; }
.case-study-content-right { flex-basis: 40%; }
.case-study-content-right-image-content { display: flex; gap: 20px; }
.case-study-content-right-image-content img {
  height: 264px; object-fit: cover;
  @media (min-width: 992px) {
  width: 50%;
}
}
.case-study-content-text.bottom-text { margin-left: 30px; }
.case-study-banner { width: 100%; height: 285px; object-fit: cover; }
.contact-section-page { padding: 80px 0px; }
.contact-section-page .contact-items { border-top: 1px solid rgba(255, 255, 255, 0.48); border-bottom: 1px solid rgba(255, 255, 255, 0.48); }
.contact-page-map iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 393px; transform: translateY(5px); width: 100%; }
.social-media-items { gap: 10px; }
.social-media-items .social-media-item { height: 40px; width: 40px; background: rgb(225, 225, 225); }
.footer { padding: 60px 0px 0px; }
.footer-bg { background-color: rgb(15, 45, 107); }
.footer-image-grid-main { display: grid; grid-template-columns: 1.8fr 1.2fr; gap: 20px; }
.footer-image-grid-main .left-image { height: 360px; width: 100%; object-fit: cover; }
.footer-image-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.footer-image-grid img { height: 175px; width: 100%; object-fit: cover; }
.footer-main-row { display: grid; grid-template-columns: 2fr 1fr 1fr; width: 100%; gap: 50px; }
.footer-list li:not(:last-child) { margin-bottom: 6px; }
.video-gallery-section { padding: 80px 0px; }
.video-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.video-gallery-item { background: white; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px; transition: transform 0.3s, box-shadow 0.3s; }
.video-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; background: rgb(248, 249, 250); }
.video-wrapper a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; }
.video-wrapper img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; }
.video-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); color: white; font-size: 48px; }
.video-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
.video-wrapper:hover .video-overlay { opacity: 1; }
.play-button { width: 70px; height: 70px; background: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; transform: scale(0.9); transition: transform 0.3s; }
.video-wrapper:hover .play-button { transform: scale(1); }
.video-no-link { position: relative; width: 100%; height: 100%; }
.video-info { padding: 20px; }
.video-info h4 { font-size: 18px; font-weight: 600; color: rgb(51, 51, 51); line-height: 1.4; }
.video-info p { font-size: 14px; color: rgb(102, 102, 102); line-height: 1.6; margin: 0px; }
@media (max-width: 1024px) {
  .video-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; }
}
@media (max-width: 768px) {
  .video-gallery-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
  .video-info { padding: 15px; }
  .video-info h4 { font-size: 16px; }
  .play-button { width: 60px; height: 60px; font-size: 20px; }
}
@media (max-width: 480px) {
  .video-gallery-grid { grid-template-columns: 1fr; gap: 15px; }
  .video-gallery-section { padding: 60px 0px; }
}
.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
@media (max-width: 992px) {
  .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
  .testimonials-grid { grid-template-columns: 1fr; }
  .testimonials-grid .testimonial-card { margin: 0px; }
}
.blog-single-main ul li { list-style: auto; transform: translateX(20px); }
.page-section { padding: 80px 0px; }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.blog-card { overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; transition: transform 0.3s, box-shadow 0.3s; }
.blog-card-image { width: 100%; height: 220px; overflow: hidden; }
.blog-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.blog-card:hover .blog-card-image img { transform: scale(1.05); }
.blog-card-content { padding: 25px; }
.blog-card-meta { display: flex; align-items: center; gap: 15px; margin-bottom: 12px; font-size: 14px; color: rgb(102, 102, 102); }
.blog-card-meta .blog-date { display: flex; align-items: center; gap: 5px; }
.blog-card-meta .blog-date i { color: rgb(15, 45, 107); }
.blog-card-meta .blog-author { display: flex; align-items: center; gap: 5px; }
.blog-card-meta .blog-author i { color: rgb(15, 45, 107); }
.blog-card-title { font-size: 20px; font-weight: 600; margin-bottom: 10px; line-height: 1.4; }
.blog-card-title a { color: rgb(15, 45, 107); text-decoration: none; transition: color 0.3s; }
.blog-card-title a:hover { color: rgb(15, 45, 107); }
.blog-card-excerpt { font-size: 15px; line-height: 1.6; color: rgb(85, 85, 85); margin-bottom: 15px; font-weight: 400; }
.blog-read-more { color: rgb(15, 45, 107); font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; }
.blog-read-more i { transition: 0.3s; }
.blog-read-more:hover i { display: inline-block; margin-left: 20px; }
.blog-pagination { text-align: center; margin-top: 50px; }
.blog-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; margin: 0px 4px; border-radius: 50%; font-weight: 600; color: rgb(15, 45, 107); background: rgb(240, 240, 240); text-decoration: none; transition: 0.3s; }
.blog-pagination .page-numbers.current { background: rgb(15, 45, 107); color: rgb(255, 255, 255); }
.blog-pagination .page-numbers:hover:not(.current) { background: rgb(245, 213, 71); }
.blog-single-wrapper { display: flex; gap: 40px; }
.blog-single-main { flex: 1 1 0%; min-width: 0px; }
.blog-single-sidebar { width: 320px; flex-shrink: 0; position: sticky; top: 120px; align-self: flex-start; }
.blog-single-image { width: 100%; max-height: 500px; overflow: hidden; margin-bottom: 25px; }
.blog-single-image img { width: 100%; height: 100%; object-fit: cover; }
.blog-single-meta { display: flex; align-items: center; gap: 20px; margin-bottom: 15px; font-size: 15px; color: rgb(102, 102, 102); }
.blog-single-meta .blog-date { display: flex; align-items: center; gap: 6px; }
.blog-single-meta .blog-date i { color: rgb(15, 45, 107); }
.blog-single-meta .blog-author { display: flex; align-items: center; gap: 6px; }
.blog-single-meta .blog-author i { color: rgb(15, 45, 107); }
.blog-single-title { font-size: 32px; font-weight: 700; color: rgb(15, 45, 107); margin-bottom: 20px; line-height: 1.3; }
.blog-single-content { font-size: 16px; line-height: 1.8; color: rgb(51, 51, 51); }
.blog-single-content p { font-weight: 400; margin-bottom: 20px; }
.blog-single-content h2, .blog-single-content h3, .blog-single-content h4 { margin-top: 30px; font-size: 26px; margin-bottom: 15px; color: rgb(15, 45, 107); }
.blog-single-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0px; }
.blog-single-tags { margin-top: 30px; padding-top: 20px; border-top: 1px solid rgb(224, 224, 224); }
.blog-single-tags a { display: inline-block; padding: 6px 15px; margin: 0px 5px 5px 0px; background: rgb(240, 240, 240); color: rgb(15, 45, 107); font-size: 14px; border-radius: 4px; text-decoration: none; transition: background 0.3s; }
.blog-single-tags a:hover { background: rgb(15, 45, 107); color: rgb(255, 255, 255); }
.blog-single-navigation { display: flex; justify-content: space-between; margin-top: 40px; padding-top: 25px; border-top: 1px solid rgb(224, 224, 224); }
.blog-nav-prev a, .blog-nav-next a { color: rgb(15, 45, 107); font-weight: 600; text-decoration: none; display: flex; align-items: center; gap: 8px; transition: color 0.3s; max-width: 300px; }
.blog-nav-prev a:hover, .blog-nav-next a:hover { color: rgb(15, 45, 107); }
.sidebar-widget { margin-bottom: 35px; }
.sidebar-widget-title { font-size: 20px; font-weight: 700; color: rgb(15, 45, 107); margin-bottom: 18px; padding-bottom: 10px; border-bottom: 2px solid rgb(15, 45, 107); }
.sidebar-recent-posts { list-style: none; padding: 0px; margin: 0px; }
.sidebar-recent-posts li::before { display: none; }
.sidebar-recent-item { padding: 12px 0px; border-bottom: 1px solid rgb(240, 240, 240); }
.sidebar-recent-item:first-child { padding-top: 0px; }
.sidebar-recent-link { display: flex; align-items: center; gap: 12px; text-decoration: none; color: rgb(15, 45, 107); transition: color 0.3s; }
.sidebar-recent-link:hover { color: rgb(15, 45, 107); }
.sidebar-recent-thumb { width: 60px; height: 60px; flex-shrink: 0; overflow: hidden; }
.sidebar-recent-thumb img { width: 100%; height: 100%; object-fit: cover; }
.sidebar-recent-info { display: flex; flex-direction: column; gap: 3px; min-width: 0px; }
.sidebar-recent-title { font-weight: 500; font-size: 14px; line-height: 1.4; }
.recent-post-date { font-size: 13px; color: rgb(136, 136, 136); }
.sidebar-categories { list-style: none; padding: 0px; margin: 0px; }
.sidebar-categories li { padding: 8px 0px; border-bottom: 1px solid rgb(240, 240, 240); }
.sidebar-categories li:first-child { padding-top: 0px; }
.sidebar-categories a { color: rgb(15, 45, 107); text-decoration: none; display: flex; justify-content: space-between; transition: color 0.3s; }
.sidebar-categories a:hover { color: rgb(15, 45, 107); }
.sidebar-categories span { color: rgb(136, 136, 136); }
@media (max-width: 991.98px) {
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-single-wrapper { flex-direction: column; }
  .blog-single-sidebar { width: 100%; }
}
@media (max-width: 576px) {
  .blog-grid { grid-template-columns: 1fr; }
  .blog-single-title { font-size: 26px; }
  .blog-single-navigation { flex-direction: column; gap: 15px; }
}
.experience-page-section { padding: 80px 0px; }
.experience-content { display: flex; gap: 50px; align-items: flex-start; }
.experience-image { flex-shrink: 0; width: 40%; position: sticky; top: 100px; align-self: flex-start; }
.experience-image img { width: 100%; height: 60vh; object-fit: cover; }
.experience-text { flex: 1 1 0%; min-width: 0px; }
@media (max-width: 991.98px) {
  .experience-content { flex-direction: column; }
  .experience-image { width: 100%; }
}
.experience-list { list-style: none; padding: 0px; margin: 0px; }
.experience-list li { padding: 7px 0px 7px 20px; position: relative; font-weight: 400; line-height: 1.7; color: rgb(51, 51, 51); }
.experience-list li::before { content: ""; position: absolute; left: 0px; top: 16px; width: 8px; height: 8px; background: rgb(15, 45, 107); border-radius: 50%; }
.quality-section { padding: 80px 0px; }
.quality-content { display: flex; gap: 50px; align-items: flex-start; }
.quality-image { flex-shrink: 0; width: 40%; position: sticky; top: 30px; align-self: flex-start; }
.quality-image img { width: 100%; height: 60vh; object-fit: cover; }
.quality-text { flex: 1 1 0%; min-width: 0px; }
.quality-list { list-style: none; padding: 0px; margin: 0px; }
.quality-list li { padding: 7px 0px 7px 20px; position: relative; font-weight: 400; line-height: 1.7; color: rgb(51, 51, 51); }
.quality-list li::before { content: ""; position: absolute; left: 0px; top: 16px; width: 8px; height: 8px; background: rgb(15, 45, 107); border-radius: 50%; }
@media (max-width: 991.98px) {
  .quality-content { flex-direction: column; }
  .quality-image { width: 100%; }
}
.industry-zigzag { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.industry-zigzag-image { flex: 0 0 48%; height: 295px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.industry-zigzag-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.industry-zigzag-content { flex: 0 0 48%; }
.industry-zigzag-content ul { list-style: none; padding: 0px; margin: 0px; }
.industry-zigzag-content ul li { font-size: 15px; line-height: 1.6; margin-bottom: 12px; padding-left: 30px; position: relative; }
.industry-zigzag-content.color-white * { color: white; }
#menu-header li::before { display: none; }
.footer-list li::before { display: none; }
.footer-list li { padding-left: 0px; }
.industry-zigzag-content ul li::before { content: "✓"; position: absolute; left: 0px; top: 2px; color: rgb(1, 1, 1); font-size: 12px; font-weight: 700; background-color: rgb(245, 213, 71); height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 20px; }
.bg-light .industry-list li::before { color: rgb(30, 90, 168); }
.bg-primary .industry-list li::before { color: rgb(245, 213, 71); }
.bg-primary .industry-list li { color: rgba(255, 255, 255, 0.9); }
@media (max-width: 991.98px) {
  .industry-zigzag-image { flex: 0 0 100%; margin-bottom: 30px; min-height: 280px; }
  .industry-zigzag-content { flex: 0 0 100%; }
}
@media (max-width: 767.98px) {
  .industry-zigzag-image { min-height: 220px; }
}
.color-white * { color: white !important; }
.all-services-content p { margin-bottom: 15px; }
.all-services-content ul { gap: 0px 20px; list-style: none; padding-left: 0px; display: flex; flex-wrap: wrap; }
.all-services-content ul li { position: relative; padding-left: 28px; margin-bottom: 10px; }
.all-services-content ul li::before { content: "✓"; position: absolute; left: 0px; top: 0px; color: rgb(1, 1, 1); font-size: 12px; font-weight: 700; background-color: rgb(245, 213, 71); height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 20px; }
.about-heading-bottom-img { margin-top: 60px; width: 100%; height: 250px; object-fit: cover; }
.about-heading-bottom-img-grid {  margin-top: 40px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.about-heading-bottom-img-grid img { height: 250px; width: 100%; object-fit: cover; }