:root { --black: #000; --theme-color: #162731; --alternate-color: #2c2c2c; --white: #fff; }
body { font-family: "Lato", sans-serif; font-weight: 400; font-size: 18px; }
a { color: var(--theme-color); text-decoration: none; transition: 0.3s ease; }
a:hover { text-decoration: underline; color: var(--alternate-color:); }
.themeBtn { display: inline-block; transition: 0.3s ease; position: relative; text-transform: uppercase; color: var(--white); font-size: 14px; font-weight: 600; padding: 6px 35px; z-index: 1; text-decoration: none; }
.themeBtn:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; border: 2px solid var(--theme-color); transform: skewX(-27deg); background: var(--theme-color); z-index: -1; transition: 0.3s ease; }
.themeBtn:hover:after { background: transparent; }
.themeBtn:hover { text-decoration: none; color: var(--theme-color); }
p { line-height: 1.4444444444444444; }
ul { padding-left: 20px; }
h1,
.h1 { letter-spacing: 3px; font-size: 30px; color: var(--black); font-weight: 700; line-height: 1.25; text-transform: uppercase; }
h2,
.h2 { letter-spacing: 2.5px; font-size: 25px; color: var(--black); font-weight: 700; line-height: 1.25; text-transform: uppercase; }
h3,
.h3 { font-size: 20px; color: #252334; font-weight: 700; line-height: 1.2; }
h4,
.h4 { font-size: 18px; color: #252334; font-weight: 700; line-height: 1.2; margin: 0 0 3px; }
.dark p,
.dark li,
.dark h1,
.dark .h1,
.dark h2,
.dark .h2,
.dark h3,
.dark .h3,
.dark h4,
.dark .h4,
.dark h5,
.dark .h5,
.dark h6,
.dark .h6 { color: var(--white); }
.dark h1 span,
.dark h2 span,
.dark h3 span,
.dark h4 span,
.dark h5 span,
.dark h6 span { color: var(--theme-color); }
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span { color: var(--hightlight); }
.pageHeader { background-color: rgb(22 39 49 / 79%); }
.pageHeader .navbar { padding: 33px 56px; }
.pageHeader .navbar-nav .nav-link { letter-spacing: 1.4px; padding-left: 0; padding-right: 0; color: var(--white); font-size: 14px; font-weight: 500; text-transform: uppercase; position: relative; }
.pageHeader .navbar-nav .nav-link:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: 0.3s ease; height: 2px; background-color: var(--white); }
.pageHeader .navbar-nav .nav-link:hover:after { width: 100%; }
.pageHeader .navbar-nav .nav-link:hover { text-decoration: none; }
.pageHeader .navbar-nav li.nav-item { padding-left: 14px; padding-right: 14px; }
.pageHeader .navbar-nav .headerBtn .nav-link:after { width: 100%; height: 100%; z-index: -1; background: transparent; border: 1.5px solid #c79e4a; }
.pageHeader .navbar-nav .headerBtn .nav-link { padding: 10px 20px; }
.pageHeader .navbar-nav .headerBtn:hover .nav-link { color: var(--white); }
.pageHeader .navbar-nav .headerBtn:hover .nav-link:after { background: #c79e4a; }
.hero { position: relative; height: 100dvh; overflow: hidden; display: flex; justify-content: center; align-items: center; color: white; font-family: Arial, sans-serif; text-align: center; }
.hero video { position: absolute; top: 50%; left: 50%; min-width: 100vw; min-height: 100%; width: auto; height: auto; z-index: -1; transform: translate(-50%, -50%); object-fit: cover; /* Cover the container without distortion */ }
.hero .overlay { mix-blend-mode: multiply; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(4deg, rgba(8, 55, 85, 0.9) -1.23%, rgba(21, 95, 142, 0) 70.32%); background-blend-mode: multiply; z-index: 0; }
.content { position: relative; z-index: 1; max-width: 700px; padding: 20px; }
.content h1 { font-size: 3rem; margin-bottom: 0.5em; }
.content p { font-size: 1.25rem; }
.downArrow { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 5%; min-width: 15%; }
.aboutBlk h2 { color: #2c2c2c; text-align: center; font-family: Lato; font-size: 16px; font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 24px; }
.aboutBlk { max-width: 760px; margin: 0 auto; }
.aboutBlk p { color: #000; text-align: center; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; }
.about { padding: 176px 0; position: relative; }
.shape1 { position: absolute; left: 0; top: 0; width: 40%; height: 1px; }
.shape1 img { position: absolute; bottom: -50%; transform: translateY(50%); }
.shape2 { position: absolute; right: 0; bottom: 0; width: 35%; text-align: right; }
.borderFooter { height: 14px; background-image: linear-gradient(270deg, #7c878e 0%, #7c878e 25%, #c79e4a 25%, #c79e4a 50%, #87abc7 50%, #87abc7 75%, #264254 75%, #264254 100%); }
#contact { padding: 105px 0 16px; background-color: #162731; color: #fff; text-align: center; }
#contact .contact-content { padding: 0 0 117px; }
#contact .contact-content,
#contact .contact-content .contact-row { font-size: 18px; font-weight: normal; color: #F3F3F3; }
#contact .contact-content a { color: #F3F3F3; text-decoration: none; font-size: 18px; font-weight: normal; transition: all ease 0.4s; padding: 0 15px; }
#contact .contact-content a:hover { color: #C79E4A; }
#contact .contact-content .contact-row { display: flex; align-items: center; justify-content: center; margin-bottom: 8px }
#contact .contact-content img { margin-right: 15px; }
#contact .contact-content h3 { font-size: 16px; font-weight: bold; color: #C79E4A; text-transform: uppercase; text-align: center; margin-bottom: 28px; letter-spacing: 2px; }
#contact .foot-bottom p { color: #C6C9CB; font-size: 16px; font-weight: normal; }
#contact .foot-bottom p a { color: #C6C9CB; text-decoration: none; transition: all ease 0.4s; padding: 0 5px; display: inline-block; }
#contact .foot-bottom p a:hover { color: #C79E4A; }
.pageBanner { margin-top: 107px; min-height: 294px; background-image: url(../images/inner-banner.jpg); background-size: cover; background-position: bottom center; padding: 120px 0px; }
.pageBanner h1 { font-size: 48px; line-height: 1.15; letter-spacing: 6.24px; text-transform: uppercase; color: #162731; }
.pageTextContent { padding: 85px 0; }
.pageTextContent p,
.pageTextContent li { color: #000; font-family: Lato; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
.pageTextContent p,
.pageTextContent ul { margin-bottom: 20px; }
.pageTextContent li { padding-bottom: 10px; }
.pageTextContent h2 { color: #264254; font-family: Lato; font-size: 34px; font-style: normal; font-weight: 400; line-height: 38px; /* 111.765% */ text-transform: none; letter-spacing: inherit; margin-bottom: 20px; }
.pageTextContent { background-image: url(../images/innerShape-1.svg), url(../images/innerShape-2.svg); background-size: 30%
30%, 30%, 30%; background-position: top right, bottom left; background-repeat: no-repeat, no-repeat; }

@media (min-width:1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl { max-width: 1255px; }
}
@media (max-width:1201px) {
  .about { padding: 120px 0; }
}
@media (max-width:991px) {
  .pageHeader .navbar { padding: 20px 0; }
  .menu-trigger { width: 30px; height: 25px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
  .menu-trigger span { width: 100%; height: 3px; display: inline-block; background-color: var(--white); transition: all 0.3s ease; position: relative; }
  .navbar.open .menu-trigger span:nth-child(1) { transform: rotate(45deg); margin-top: 0; top: 12px; }
  .navbar.open .menu-trigger span:nth-child(2) { opacity: 0; }
  .navbar.open .menu-trigger span:nth-child(3) { transform: rotate(-45deg); margin-bottom: 0; bottom: 10px; }
  .navbar .navbar-collapse { width: 320px; height: 100vh; position: fixed; right: -330px; top: 65px; flex-wrap: wrap; justify-content: flex-start; background-color: #162731; display: block; padding: 30px; transition: all ease 0.4s; }
  .navbar.open .navbar-collapse { right: 0; }
  .pageHeader .navbar-nav .headerBtn { margin-top: 10px; }
  .pageHeader .navbar-expand-lg .navbar-collapse { margin-top: 0; }
  .pageHeader .navbar-nav .headerBtn .nav-link { text-align: center; }
  .navbar-nav.align-items-md-center { align-items: flex-start !important; }
  .pageBanner { margin-top: 65px; padding: 85px 0; min-height: 170px; }
  .pageBanner h1 { font-size: 34px; }
  .pageTextContent { padding: 65px 0; }
  .pageTextContent h2 { font-size: 26px; }
}
@media (max-width:767px) {
  .links { display: inline-block; width: 100%; margin-top: 10px; }
  #contact .contact-content .contact-row { flex-direction: column; }
  #contact .contact-content .contact-row a { margin-bottom: 10px; }
  #contact .contact-content .contact-row,
  #contact .contact-content .contact-row p,
  #contact .contact-content .contact-row a { font-size: 16px; }
  #contact { padding: 75px 0 16px; }
  #contact .contact-content { padding: 0 0 80px; }
  #contact .foot-bottom p { font-size: 14px; }
}